星星点击评价效果代码
来源：互联网 发布：运营商大数据 编辑：程序博客网 时间：2024/05/17 07:45
<html>02<head><title>JQuery星星评级</title><meta http-equiv="Content-Type" content="text/html; charset=gbk"/>03<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>04<style type="text/css">05<!--06.star_rating {background:url(http://static.oschina.net/uploads/space/2011/0711/114922_gGrF_101311.gif) -80px 0 no-repeat; padding:0;margin:0; width:80px; height:16px; float:left; position:relative; }07.star_rating li {padding:0;margin:0;float:left;width:16px;height:16px;}08-->09</style>10</head><body>11<div style="display:block; float:left;width:100px;"><span>*</span> 总体评价：</div>12<ul class="star_rating"><li/><li/><li/><li/><li/></ul>13 14<script type="text/javascript">15$('.star_rating li').each(function(){16 $(this).click(function(obj){17 $('.star_rating li').unbind();18 var Too = (obj.srcElement.offsetLeft+16);19 setStarPos(Too-80);20 alert((Too/16)+'星');21 }).mouseover(function(obj){22 setStarPos((obj.srcElement.offsetLeft+16)-80);23 }).mouseout(function(obj){24 setStarPos('-80');25 });26});27function setStarPos(le){28 $('.star_rating').css({'backgroundPosition':le+'px 0'});29};30</script></body></html> 0 0
- 星星点击评价效果代码
- 评价星星点击效果
- 星星评价效果
- 评价星星效果
- Vue.js 点击星星进行评价
- 优化的打分星星评价效果
- 评价，星星
- iOS-68-星星评价、显示小数点星星评价效果（附demo）
- iOS 星星评分 点击 滑动 纯代码
- 用星星显示评价
- Jquery星星评价插件
- 星星评价前后台
- js星星评价
- 页面星星评价
- JS里星星评价
- Android 星星评价
- 【转载】星星打分评价
- 两颗星星实现的星星点击评分效果实例页面
- 常见的指针数据类型以及const用法详解
- javascript ==与===区别
- 初学Visual C++
- ios 简单的plist文件读写操作（Document和NSUserDefaults）
- 修改后无警告全面支持non-ARC以及ARC的OpenUDID
- 星星点击评价效果代码
- 面向报文（UDP）和面向字节流（TCP）的区别
- How to design web pages that adapt to media browser size?
- ScrollView类下面的HorizontalScrollView常用技巧（滚动）
- 集中式版本控制SVN使用
- 解析URL中的键值对
- 1013 字符串按位相加取单整数
- Github使用指南
- 进入BIOS设置启动项的快捷键
