jQuery五星好评

不提供图片了，读者自行更换就可以
效果图如下：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><style type="text/css">.star-five {width: 27px;height: 27px;background: url(img/star.gif);background-position: 0 0px;float: left;}</style></head><body><div id="one" class="star-five"></div><div id="two" class="star-five"></div><div id="three" class="star-five"></div><div id="four" class="star-five"></div><div id="five" class="star-five"></div></body>
</html>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript">$(".star-five").mouseover(function(evt) {//当鼠标移动到星星上时var e = evt || event;var index = $(".star-five").index(this)+1;$(".star-five:lt("+index+")").css("background","url(img/star.gif) 0px 27px");});$(".star-five").mouseout(function(evt) {//当鼠标离开星星时var e = evt || event;var index = $(".star-five").index(this)+1;$(".star-five:lt("+index+")").css("background","url(img/star.gif)");});$(".star-five").click(function(evt) {//当鼠标点击星星时var e = evt || event;var index = $(".star-five").index(this)+1;$(".star-five").unbind("mouseover");$(".star-five").unbind("mouseout");});
</script>

jQuery五星好评相关推荐

jQuery五星好评界面反馈界面
星星: jQuery五星好评界面反馈界面 <!DOCTYPE html> <html><head><meta charset="UTF-8" ...
jQuery 五星好评（综合练习）
题目描述鼠标进入五角星,当前和之前的所有五角星变为实心,后面的是空心.点击记录该五角星,鼠标移开后该记录点之前所有变为实心,之后的所有变为空心. 训练目标培养使用 jQuery 综合处理需求能力. ...
php+js 五星评价,基于jquery实现五星好评
这篇文章主要为大家详细介绍了基于jquery实现五星好评,具有一定的参考和学习jquery的价值,对jquery感兴趣的小伙伴们可以参考一下本篇文章在电商网站,我们经常会用到五星评分的功能,现在用j ...
使用jQuery实现五星好评
记得给五星好评哟 jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率. Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面 ...
php 识别图片五星好评,jquery实现五星好评方法
本文主要为大家详细介绍了基于jquery实现五星好评,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 在电商网站,我们经常会用到五星评分的功能,现在用jQuery实现一个简单的d ...
JS与JQuery分别实现淘宝（五星好评特效）
我们经常用的五星好评是如何来的,主要就是三个Event 中的三个事件分别: onmouseover 指向事件 onmouseout 离开事件 onclick 点击事件代码展示: <!D ...
如何用jQuery实现五星好评
jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率. Js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里面来就可以了. 接下 ...
php 识别图片五星好评,基于jquery实现五星好评
这篇文章主要为大家详细介绍了基于jquery实现五星好评,具有一定的参考和学习jquery的价值,对jquery感兴趣的小伙伴们可以参考一下本篇文章在电商网站,我们经常会用到五星评分的功能,现在用j ...
前端实践小项目(一)五星好评与暂停取值
哈喽 ~ 大家好鸭!这篇我们来看看前端实践小项目第一篇 "五星好评与暂停取值"(底部有源代码) 目录五星好评(JS版) 五星好评(JQuery版) 暂停取值五星好评(JS版) ...

jQuery五星好评

jQuery五星好评相关推荐

最新文章

热门文章