js 评分
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script>
onload = function () {
var clickIndex = -1;
var imgs = document.getElementsByTagName('img');
for (var i = 0; i < imgs.length; i++) {
imgs[i].id = i;
}
for (var i = 0; i < imgs.length; i++) {
imgs[i].onmouseover = function () {
for (var i = 0; i < imgs.length; i++) {
if (imgs[i].id<=this.id) {
imgs[i].src = 'star2.png';
}
else{
imgs[i].src = 'star1.png';
}
}
};
imgs[i].onmouseleave = function () {
for (var i = 0; i < imgs.length; i++) {
if (i<=clickIndex) {
imgs[i].src = 'star2.png';
} else {
imgs[i].src = 'star1.png';
}
}
};
imgs[i].onclick = function () {
for (var i = 0; i < imgs.length; i++) {
clickIndex = this.id;
}
};
}
}
</script>
</head>
<body>
<img src="star1.png" />
<img src="star1.png" />
<img src="star1.png" />
<img src="star1.png" />
<img src="star1.png" />
</body>
</html>
最新文章
- 移动端 Web 开发前端知识整理
- iOS-屏幕适配-UI布局
- .Net 转战 Android 4.4 日常笔记(7)--apk的打包与反编译
- 【java】org.apache.commons.lang3功能示例
- win8.1 64位安装DEV C++
- tomcat的乱码问题
- h264
- 上架app 到app store 的出现: “The IPA is invalid. It does not inlude a Payload directory.”错误处理
- [Flex] Accordion系列 - Header图标的设置
- Entity Framework 学习笔记(2)
- 百度编辑器ueditor 使用
- 《Qt编程的艺术》——5.1 手动布局
- hdu4336 Card Collector 状态压缩dp
- React demo:express、react-redux、react-router、react-roter-redux、redux-thunk(一)
- Android初级教程:Android中解析方式之pull解析
- 在android studio中配置运行时签名
- python selenium-webdriver 等待时间(七)
- 【转载】浅谈38K红外发射接受编码
- Spring Data Solr的分组查询 for 搜索面板的商品分类
- swift 相机、相册、定位的权限判断
热门文章
- js动态获取地址栏后的参数
- [Most.js] Create Streams From Single Values With Most.js
- [javase学习笔记]-6.5 类类型參数与匿名对象
- 学习JS的这些日子——十二月总结
- Xcode7 不能使用http网络请求问题解决
- 验证redis的快照和AOF
- TensorFlow 学习(十二)—— 高级函数
- hadoop 3.x 回收站
- Android Studio ERROR: x86 emulation currently requires hardware acceleration!报错解决傻瓜教程~
- 【28.57%】【codeforces 711E】ZS and The Birthday Paradox