纯js评星插件
来源:互联网 发布:iphone垃圾清理软件 编辑:程序博客网 时间:2024/05/18 00:42
其他的我就不多说直接上源码 附所需的图片
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<style>
#xingp{
width: 125px;
height: 25px;
}
.pxgz{
width: 20px;
height: 25px;
float: left;
}
</style>
<title></title>
</head>
<body>
<div id="xingp">
<div class="pxgz"><img src="xingdt/x2.png" id="x1" onmouseover="over(1)" onmouseout="out(1)" onclick="lick(1)"></div>
<div class="pxgz"><img src="xingdt/x2.png" id="x2" onmouseover="over(2)" onmouseout="out(2)" onclick="lick(2)"></div>
<div class="pxgz"><img src="xingdt/x2.png" id="x3" onmouseover="over(3)" onmouseout="out(3)" onclick="lick(3)"></div>
<div class="pxgz"><img src="xingdt/x2.png" id="x4" onmouseover="over(4)" onmouseout="out(4)" onclick="lick(4)"></div>
<div class="pxgz"><img src="xingdt/x2.png" id="x5" onmouseover="over(5)" onmouseout="out(5)" onclick="lick(5)"></div>
</div>
<script>
var zt=true;
function over(shu){
var img="xingdt/x1.png";
var img1="xingdt/x2.png";
if(shu==1){
if(!zt){
document.getElementById("x2").src=img1;
document.getElementById("x3").src=img1;
document.getElementById("x4").src=img1;
document.getElementById("x5").src=img1;
}
document.getElementById("x1").src=img;
zt=true;
}else if(shu==2){
if(!zt){
document.getElementById("x3").src=img1;
document.getElementById("x4").src=img1;
document.getElementById("x5").src=img1;
}
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
zt=true;
}else if(shu==3){
if(!zt){
document.getElementById("x4").src=img1;
document.getElementById("x5").src=img1;
}
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
zt=true;
}else if(shu==4){
if(!zt){
document.getElementById("x5").src=img1;
}
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
document.getElementById("x4").src=img;
zt=true;
}else if(shu==5){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
document.getElementById("x4").src=img;
document.getElementById("x5").src=img;
zt=true;
}
}
function out(shu){
var img="xingdt/x2.png";
if(shu==1&&zt){
document.getElementById("x1").src=img;
}else if(shu==2&&zt){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
}else if(shu==3&&zt){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
}else if(shu==4&&zt){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
document.getElementById("x4").src=img;
}else if(shu==5&&zt){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
document.getElementById("x4").src=img;
document.getElementById("x5").src=img;
}
}
function lick(shu){
var img="xingdt/x1.png";
if(shu==1){
document.getElementById("x1").src=img;
zt=false;
}else if(shu==2){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
zt=false;
}else if(shu==3){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
zt=false;
}else if(shu==4){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
document.getElementById("x4").src=img;
zt=false;
}else if(shu==5){
document.getElementById("x1").src=img;
document.getElementById("x2").src=img;
document.getElementById("x3").src=img;
document.getElementById("x4").src=img;
document.getElementById("x5").src=img;
zt=false;
}
}
</script>
</body>
</html>
0 0
- 纯js评星插件
- 纯JS 日历插件
- android cordova插件开发(纯js插件)
- 使用方便的纯js图表插件:JScharts
- okcharts纯js图表插件使用方法详解
- 纯js的excel导出插件
- 纯js实用DOM元素放大缩小特效插件
- 纯js带音符显示功能的网页电子琴插件
- 支持移动触摸设备的纯js元素拖放插件
- 右侧浮动客服纯JS插件(兼容)
- Echo.js纯JavaScript图片延时加载插件
- JS 纯JS幻灯片
- 纯js可定制的跨浏览器日期时间选择器插件
- 纯 js 的 Ajax
- 纯 js 迷宫
- 纯简单JS分页
- 简洁纯js分页
- 纯js标签云
- 并不是只要加了锁就是安全(互斥)的
- android基础之Activity几个面试题
- 犀牛——第6章对象 6.7属性的特性
- Android 中Junit 测试框架(单元测试)
- "早餐佳"步伐太快扯到蛋了?
- 纯js评星插件
- Java之命令模式(Command Pattern)
- 构建亿级前端读服务
- MapReduce 的进一步了解(一)
- 北大ACM2503——Babelfish~~字典树的应用
- Android获取屏幕宽度与长度的三个方法
- 解决:Ubuntu14 下ibus输入法 异常 输入i出来ch
- textField被虚拟键盘挡住的情况
- C#通过WebServer对数据库进行修改