您的位置:首页 > 运维架构 > 网站架构

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)就可以了。
需要的两张图片:











脚本之家_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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: