JS初级_自定义属性的应用：点击一次换图片2，再点击恢复为图片1

加儿

于 2016-10-20 16:57:48 发布

阅读量1.5k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/jiajia199470/article/details/52874679

版权

js 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style>
li { list-style:none; width:114px; height:140px; background:url(img/normal.png); float:left; margin-right:20px; }
</style>
script>
window.onload = function (){
   var aLi=document.getElementsByTagName('li');
   for (var i = 0;aLi.length>i;i++){
      aLi[i].onoff=true;//自定义的属性
      aLi[i].onclick=function () {
         if(this.onoff){
            this.style.background='url(img/active.png)';
            this.onoff=false;
         }else {
            this.style.background = 'url(img/normal.png)';
            this.onoff = true;
         }
      }
   }
};
</script>
</head><body><ul>   <li></li>   <li></li>   <li></li></ul></body></html>

加儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS初级_自定义属性的应用：点击一次换图片2，再点击恢复为图片1

HTML>http-equiv="Content-Type" content="text/html; charset=utf-8">无标题文档li { list-style:none; width:114px; height:140px; background:url(img/normal.png); float:left; margin-right:20px; }window.
复制链接

扫一扫

专栏目录