JS里星星评价
来源:互联网 发布:淘宝死号账号怎么处理 编辑:程序博客网 时间:2024/04/30 10:41
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function(){
//首先获取所有的图片元素对象
var tupian=document.getElementsByTagName("img");
//去读取数组的索引
for(var i=0;i<tupian.length;i++){
tupian[i].setAttribute("index",i+1);
tupian[i].onclick=function(){
var score=event.srcElement.getAttribute("index");
document.getElementById("fen").innerHTML=score;
// var x=score-1;
for(var j=0;j<score;j++){
tupian[j].setAttribute("src","inages/1star.gif");
}
for(var j=score;j<tupian.length;j++){
tupian[j].setAttribute("src","inages/2star.gif");
}
}
}
}
</script>
</head>
<body>
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<span id="fen" style="color: red">0</span>分
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
window.onload=function(){
//首先获取所有的图片元素对象
var tupian=document.getElementsByTagName("img");
//去读取数组的索引
for(var i=0;i<tupian.length;i++){
tupian[i].setAttribute("index",i+1);
tupian[i].onclick=function(){
var score=event.srcElement.getAttribute("index");
document.getElementById("fen").innerHTML=score;
// var x=score-1;
for(var j=0;j<score;j++){
tupian[j].setAttribute("src","inages/1star.gif");
}
for(var j=score;j<tupian.length;j++){
tupian[j].setAttribute("src","inages/2star.gif");
}
}
}
}
</script>
</head>
<body>
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<span id="fen" style="color: red">0</span>分
</body>
</html>
0 0
- JS里星星评价
- js星星评价
- js写评价的星星
- Vue.js 点击星星进行评价
- 评价,星星
- [Js]评价中点星星的演示小demo
- 用星星显示评价
- Jquery星星评价插件
- 星星评价前后台
- 评价星星点击效果
- 页面星星评价
- 星星评价效果
- Android 星星评价
- 【转载】星星打分评价
- 评价星星效果
- 填写评价。有评价星星和备注
- Dojo实现滑动星星评价
- 星星点击评价效果代码
- Navicate 导入和导出sql文件
- leetcode_334 Increasing Triplet Subsequence
- 码神网络教学
- 第十三周项目3——形状类族中的纯虚函数
- 编程之美 - 数组循环移位
- JS里星星评价
- Linux入门——适合初学者
- 关于C语言编程书写规范的规则和建议
- 二分查找(binary search)
- STM32CubeMX串口接收中断
- 一个程序员的顿悟:理想的程序员只比你多了6个一点点
- THIINKPHP框架中C函数详解
- JSP_JSP的9大内置对象
- Android基础--报错信息65536