javascript+css好多网站用的选星星实现打分功能的函数
2008-05-08 00:00
836 查看
函数有两个参数,功能如下:
obj: img标签组的父容器,类型为DOM对象;
oEvent: event对象。
这个函数的优点是html代码可以很简洁,使用图片也可以很少,只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址,各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候,我用的是个alert事件。事实上,我们会在这个地方用个ajax方法,把相关的参数传到服务器端。只要把alert(this._num+1)写成sendAjax(this._num+1)就可以了。
需要的两张图片:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/584f3b8b0a4fea721f45a2625571495a.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030182/c7d7d2e52f72aad9347800ca496fa994.gif)
脚本之家_www.jb51.net_阿当***选星星打分
.starWrapper{border:1px solid #FFCC00;padding:5px;width:70px;}
.starWrapper img{cursor:pointer;}
function rate(obj,oEvent){
//==================
// 图片地址设置
//==================
var imgSrc = 'http://www.jb51.net/upload/20080508122008586.gif';
var imgSrc_2 = 'http://www.jb51.net/upload/20080508122010810.gif';
//---------------------------------------------------------------------------
if(obj.rateFlag) return;
var e = oEvent || window.event;
var target = e.target || e.srcElement;
var imgArray = obj.getElementsByTagName("img");
for(var i=0;i
obj: img标签组的父容器,类型为DOM对象;
oEvent: event对象。
这个函数的优点是html代码可以很简洁,使用图片也可以很少,只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址,各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候,我用的是个alert事件。事实上,我们会在这个地方用个ajax方法,把相关的参数传到服务器端。只要把alert(this._num+1)写成sendAjax(this._num+1)就可以了。
需要的两张图片:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030195/584f3b8b0a4fea721f45a2625571495a.gif)
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015/2015030182/c7d7d2e52f72aad9347800ca496fa994.gif)
脚本之家_www.jb51.net_阿当***选星星打分
.starWrapper{border:1px solid #FFCC00;padding:5px;width:70px;}
.starWrapper img{cursor:pointer;}
function rate(obj,oEvent){
//==================
// 图片地址设置
//==================
var imgSrc = 'http://www.jb51.net/upload/20080508122008586.gif';
var imgSrc_2 = 'http://www.jb51.net/upload/20080508122010810.gif';
//---------------------------------------------------------------------------
if(obj.rateFlag) return;
var e = oEvent || window.event;
var target = e.target || e.srcElement;
var imgArray = obj.getElementsByTagName("img");
for(var i=0;i
相关文章推荐
- javascript+css好多网站用的选星星实现打分功能的函数
- javascript+css好多网站用的选星星实现打分功能的函数
- javascript+css好多网站用的选星星实现打分功能的函数
- 用 javascript 和 css 实现 简单相册功能
- 许多网站都成为灰色,要实现这个功能,只要在css里添加如下即可
- javascript实现网站加入收藏功能
- 网站前端_JavaScript-项目经验.纯JavaScript实现客户端的分页功能?
- 用JavaScript结合CSS实现网页换肤功能
- 原生JavaScript实现jsindexOf()函数功能
- ES6中javascript实现函数绑定及类的事件绑定功能详解
- javascript实现像java、c#之类的sleep暂停的函数功能
- 基于JavaScript与css实现网页随机抽奖功能
- 实现JavaScript中eval()函数的功能
- 如何在不用JavaScript的情况下使用CSS来实现图表功能
- Javascript+css 实现网页换肤功能
- js实现的星星评分功能函数
- [JavaScript] 你相信么,只需一个函数5行JS代码即可在Javascript中实现完整的AOP功能,
- 你相信么,只需一个函数5行JS代码即可在Javascript中实现完整的AOP功能
- JavaScript+CSS实现网页换肤功能
- Javascript+css 实现网页换肤功能