<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Title</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="owner" content="" />
<meta name="robots" content="index, follow" />
<meta name="googlebot" content="index, follow" />
<style type="text/css">
<!--
body {background:#fff;text-align:center;margin:0 auto;padding: 0;font:12px Arial;color:#000;line-height:1.2em}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px;}
/* 星级评分 */
.shop-rating {
height: 25px;
overflow: hidden;
zoom: 1;
padding: 2px 0px;
position: relative;
z-index: 999;
}
.shop-rating span {
height: 23px;
display: block;
line-height: 23px;
float: left;
}
.shop-rating span.title {
width: 125px;
text-align: right;
margin-right: 5px;
}
.shop-rating ul {
float: left;
margin:0;padding:0
}
.shop-rating .result {
margin-left: 20px;
padding-top: 2px;
}
.shop-rating .result span {
color: #ff6d02;
}
.shop-rating .result em {
color: #f60;
font-family: arial;
font-weight: bold;
}
.shop-rating .result strong {
color: #666666;
font-weight: normal;
}
.rating-level,
.rating-level a {
background: url(star_v2.png) no-repeat scroll 1000px 1000px;
}
.rating-level {
background-position: 0px 0px;
width: 120px;
height: 23px;
position: relative;
z-index: 1000;
}
.rating-level li {
display: inline;
}
.rating-level a {
line-height: 23px;
height: 23px;
position: absolute;
top: 0px;
left: 0px;
text-indent: -999em;
*zoom: 1;
outline: none;
}
.rating-level a.one-star {
width: 20%;
z-index: 6;
}
.rating-level a.two-stars {
width: 40%;
z-index: 5;
}
.rating-level a.three-stars {
width: 60%;
z-index: 4;
}
.rating-level a.four-stars {
width: 80%;
z-index: 3;
}
.rating-level a.five-stars {
width: 100%;
z-index: 2;
}
.rating-level .current-rating,.rating-level a:hover{background-position:0 -28px;}
.rating-level a.one-star:hover,.rating-level a.two-stars:hover,.rating-level a.one-star.current-rating,.rating-level a.two-stars.current-rating{background-position:0 -116px;}
.rating-level .three-stars .current-rating,.rating-level .four-stars .current-rating,.rating-level .five-stars .current-rating{background-position:0 -28px;}
-->
</style>
</head>
分享到:
相关推荐
wpf实现简单的星级评分
jQuery+PHP实现星级评分代码 星级评分效果,让用户可以对正在浏览的文章、电影、资源等进行评分,让网站增添了几分互动效果。本文将讲解如何使用jQuery和PHP来实现星级评分效果
这款php+mysql星星评分效果我本人用了非长好,而且代码修改成非常简单,任何垃圾多余代码都去掉,下载后可以直接使用,如果你本人有更高的水平也可以在上面修改,希望有兴趣的朋友可以下载,或者收藏以后备用,谢谢!
js评分效果 星级评分 js星级评分效果
javascript+html星级评分(支持半星),通过一个下拉选择框控制星星的多少。
web端星星评分,封装了js代码,可重复利用。没有html和css,需要自己写
jQuery星星评分插件鼠标滑动星星打分代码jQuery星星评分插件鼠标滑动星星打分代码
Android星星评分控件SimpleRatingBar的使用(可点击和滑动星星)
原生js星星评分
PHP+AJAX,星级评分,百度文库评分,评分 评分原代码
jq星星评分打分
jQuery星级评分插件。该jQuery星级评分插件体积小,速度快。你还可以自定义星星的图案和效果。
很好的实现星星点击打分。星星的数量可以自己添加或减少。
收集8个星星评分源码 收集8个星星评分源码
php评分星星代码全php评分星星代码全php评分星星代码全php评分星星代码全php评分星星代码全
星星评分效果。鼠标滑过星星变色,点击时评分成功。
jquery做的星级评分可以利用AJAX来操作, jquery AJAX 星级 评分
Raty这是一个能够自动生成可定制的星级评分jQuery插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。
JS星级评分系统 非常好用 用于开发商城项目
通过点击星星来评价,模仿淘宝的宝贝评价。