jQuery基于图层模仿五星星评价功能的方法
更新时间：2015年05月07日 16:25:36 投稿：shichen2014
这篇文章主要介绍了jQuery基于图层模仿五星星评价功能的方法,使用jQuery动态修改元素背景色的方法实现星评功能,需要的朋友可以参考下
本文实例讲述了jQuery基于图层模仿五星星评价功能的方法。分享给大家供大家参考。具体实现方法如下：
<!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=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.6.2.min.js" type="text/javascript"></script>
<script>
$(function(){
$(".star li").mouseenter(function(){
$(".star li").css("background","#f60");
$(this).css("background","#f60");
$(this).nextAll().css("background","#ccc");
})
});
</script>
<style type="text/css">
* {<br />
padding:0;margin:0;
list-style:none; float:left;
}
.star li {
float: left;
height: 20px;
width: 20px;
background-color: #CCC;
margin-right: 4px;
}
</style>
</head>
<body>
<div>选几星：</div>
<ul class="star">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jquery submit ie6下失效的原因分析及解决方法
jquery submit ie6下失效的原因分析及解决方法。需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了Jquery动态列功能,结合完整实例形式详细分析了jQuery基于事件响应及页面元素动态属性操作实现的动态列显示功能相关操作技巧,需要的朋友可以参考下2019-08-08
jQuery的数组处理,便捷,功能齐全. 最近的项目中用到的比较多，最近时间紧迫,今天抽了些时间回过头来看 jQuery中文文档顺便对jQuery数组做个总结2013-11-11
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
腾讯微博提供两种加载数据的方式，一种是分页，一种是滚动浏览器滚动条加载数据，分页功能我想大家都做得太多了，今天我与大家分享一下我用滚动条滚动加载数据2012-03-03
本文主要分享了基于jQuery实现的打字机效果的示例代码。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了jquery dataview数据视图插件使用方法，数据填充与视图更新利器，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了jquery中attr、prop、data区别与用法,结合实例形式分析了jQuery中attr、prop、data的区别、功能、使用方法及相关注意事项,需要的朋友可以参考下2019-09-09
对于一个表格，为了更好的用户体验度，需要把选中的表格项添加高亮，下面小编给大家介绍使用jquery实现表格中点击相应行变色功能的实例代码，需要的朋友参考下2016-05-05
这篇文章主要为大家详细介绍了jQuery实现select带模糊查询的条件查询，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要为大家详细介绍了jquery+ajax实现异步上传文件显示进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-08-08
最新评论