发个选星星打分/投票功能函数
作者：阿当 来源：经典论坛 发布时间：2008-05-22 12:38:00
标签：打分,投票,函数
看了下传统的方法，觉得不好，太麻烦。自己重写了个，思路比较新。
这个函数的优点是html代码可以很简洁，使用图片也可以很少，只需要两张图片。事件句柄只需要写在img的父容器上即可。演示用的图片我用的是绝对地址，各位在使用的时候改成网站的相对地址就可以了。当我们点击的时候，我用的是个alert事件。事实上，我们会在这个地方用个ajax方法，把相关的参数传到服务器端。只要把alert(this._num+1)写成sendAjax(this._num+1)就可以了。
//====================选星星打分功能=================
function rate(obj,oEvent){
//==================
// 图片地址设置
//==================
var imgSrc = '/file/UploadPic/20085/22/2008522124416586.gif';
var imgSrc_2 = '/file/UploadPic/20085/22/2008522124419196.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<imgArray.length;i++){
imgArray[i]._num = i;
imgArray[i].onclick=function(){
if(obj.rateFlag) return;
obj.rateFlag=true;
alert(this._num+1);
};
}
if(target.tagName=="IMG"){
for(var j=0;j<imgArray.length;j++){
if(j<=target._num){
imgArray[j].src=imgSrc_2;
} else {
imgArray[j].src=imgSrc;
}
}
} else {
for(var k=0;k<imgArray.length;k++){
imgArray[k].src=imgSrc;
}
}
}
函数有两个参数，功能如下：
obj： img标签组的父容器，类型为DOM对象；
oEvent： event对象。
0
投稿猜你喜欢
- 很神奇的一个晚上，居然在以前老同事的群里跟同事讨论起CSS的东西来了，不过很意外的还是有收获。在IE中常常会碰到如果将容器定位后，出现容器内
- 不久之前，笔者一个在企业中从事网管工作的朋友向我求助关于SQL Server服务器内存升级后遇到的问题。原来，他们企业准备上一个企业邮箱系统
- 先看看CSS框架的利与弊前段时间一直在讨论CSS框架。很多朋友看了那三篇文章后提了不少自己意见。特别是一位北京的朋友A君，他有一个小的团体，
一图胜“十”言：SQL Server 数据库总结 一个大概的总结 经过一段时间的学习，也对数据库有了一些认识。 数据库基本是由表，关系，操作- 一、使用css缩写使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描
- 相信认真做过网页设计(Web Design)，或者关注过页面设计的同行都对“空格”不陌生。“空格”属于一类细节，很容易被忽略，但又比较影响效
- Oracle LogMiner 是Oracle公司从产品8i以后提供的一个实际非常有用的分析工具，使用该工具可以轻松获得Oracle 重作日
- overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义
- 下面是滚动条css代码参数介绍：scrollbar-3d-light-color 设置或检索滚动条亮边框颜色 scrollbar-highl
- 扪心自问，你真正了解你卖给用户的是什么玩意么？你所认为革命性的，一定会震惊世界的功能、特色，用户真的买单么？我的意思是，我们总是习惯性的忘记
- 内容摘要：MySQL易学易用，附带丰富的技术文档，这两个因素使之被广泛应用。然而，随着MySQL发展加快，即使一个MySQL老手有时也会为该
- 本游戏程序实现的功能为本地二人对弈中国象棋，实现语言为javascript+VML，在windows 2000 pro+IE 6sp1的环境
- 我设计第一篇网页的时候，就遇到了字体的设置问题。我发现如果用软件约定的字体大小，则显示效果会很难看的。我是用FrontPage2000作网页
- 昨天在W3C看到，6月10日发布了新的 HTML 5 草案（Working Draft）。粗略的读了一下它提供的 新版本说明文档 ，作了一点
- 最近，在项目开发过程中，碰到了数据库死锁问题，在解决问题的过程中，笔者对MySQL InnoDB引擎锁机制的理解逐步加深。案例如下：在使用S
- 问：如何自己制作验证码的head.fix和body.fix文件答：1 图象绘制完成后，将文件存为24位位图格式的BMP图象文件。 2 去除前
- MySQL是一个非常流行的小型关 系型数据库管理系统，2008年1月16号被Sun公司收购。目前MySQL被广泛地应用在Internet上的
- 首先获取ip：<％ userip=Request.ServerVariables(&qu
- 以下为在asp中增加一个sql server2000用户函数,并为建立一个数据库，给他dbo的权限。注意：sql server的验证方式不要
- YAHOO.util.Subscriber 与 YAHOO.util.CustomEvent。1. YAHOO
