发个选星星打分/投票功能函数
作者：阿当 来源：经典论坛 发布时间：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
投稿猜你喜欢
一、图像色彩通道拆分import cv2img1 = cv2.imread(r"D:\OpencvTest\example.jpg- 上节我们了解了图形验证码的识别，简单的图形验证码我们可以直接利用 Tesserocr 来识别，但是近几年又出现了一些新型验证码，如滑动验证码
- Numpy学习1 Numpy 介绍与应用1-1Numpy是什么NumPy 是一个运行速度非常快的数学库，一个开源的的python科学计算库，
- 1.不转意html entities 一个基本的常识：所有不可信任的输入（特别是用户从form中提交的数据） ，输出之前都要转意。 echo
- Python序列化的概念很简单。内存里面有一个数据结构，你希望将它保存下来，重用，或者发送给其他人。你会怎么做？这取决于你想要怎么保存，怎么
- 我就废话不多说了，大家还是直接看代码吧~print(np.shape(X))#(1920, 45, 20)X=sequence.pad_se
- 学在前面上篇 OpenCV 博客原计划完成一个 识别银行卡号 的项目，但是写的过程中发现，技术储备不足，我无法在下述图片中，提取出卡号区域，
- 前言当前很多人在闲暇时喜欢听音乐，那么基于这种现象，我也是肝了几个小时完成了基于python的个性化音乐播放器，现在分享给你们。开发组件py
- 1、SQL SERVER 2005的性能工具中有SQL Server Profiler和数据库引擎优化顾问，极好的东东，必须熟练使用。 2、
- <style> #L { position:absolute; color:
- context 有什么作用context 主要用来在goroutine 之间传递上下文信息，包括：取消信号、超时时间、截止时间、k-v 等。
- 本文介绍了vscode 远程调试python的方法，分享给大家，具有如下：实验环境远程服务器：京东云，1核2G，centos7.3 64bi
- 针对Python 3.5.2 测试首先安装两个包：$ pip install googletrans$ pip install pdfmin
- eval() 函数用来执行一个字符串表达式，并返回表达式的值。eval函数功能：将字符串str当成有效的表达式来求值并返回计算结果。eval
- 用ASP编写网站应用程序时间长了，难免会遇到各式各样的问题，其中关于如何上传文件到服务器恐怕是遇见最多的问题了，尤其是上传图片，比如你想要在
- 一、局部变量1 定义在{}里面的变量时局部变量，只能在{}里面有效2 执行到定义的那句话，开始分配内存空间，离开作用域自动进行释放3 作用域
- 概述web项目，经常需要热启动各种各样的配置信息，一旦这些服务发生变更，我们需要重新启动web server，以使配置生效，实现配置热加载。
- 使用Keras如果要使用大规模数据集对网络进行训练，就没办法先加载进内存再从内存直接传到显存了，除了使用Sequence类以外，还可以使用迭
- 忽然想起一个CSS的特性，写一段代码玩玩：<style type="text/css">body {font
- 一、题目描述A:先输出提示语句，并接受用户输入的年、月。B:根据用户输入的年，先判断是否是闰年。C:根据用户输入的月来判断月的天数。D:用循
