功能"/>
js小功能
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><style>*{margin:0;padding:0;}li{box-sizing: border-box;/*边框加上宽高的大小一共是10px*/float: left;width:10px;height: 10px;border:1px solid black;}ul{list-style: none;width: 200px;height: 200px;}</style>
</head>
<body><ul><li img-date="0"></li><!-- *400 --></ul><script type="text/javascript">var ul = document.getElementsByTagName('ul')[0];ul.onmouseover = function(e){//鼠标滑过的事件var event = e || window.event;//解决浏览器兼容问题var target = event.target || event.srcElement;//事件绑定,target就是每一个litarget.style.backgroundColor = "rgb(0,255," + target.getAttribute('img-date') + ")";target.setAttribute('img-date',parseInt(target.getAttribute('img-date')) + 50);}
</script>
</body>
</html>
去掉边框:
更多推荐
js小功能
发布评论