发新贴  快速回复

图片练习,老师帮忙检查一下哦

zhangzh
2017-12-22 21:08
附件下载:
 

本帖内容针对以下视频发布:

10-this指向及this应用
zhangzh

忘记加图片了  抱歉,重新上传一下

附件下载:
 
2017-12-23 10:34  回复本帖
 
2017年2月8日

那个鼠标划过就出现图片的。可以直接用浮动布局,不需要定位,可以少写js。还有for(){}的后面不用加分号';'直接用createElement也是不错的选择。


<!DOCTYPE html>


<html>


<head>


<meta charset="UTF-8">


<title>图片练习</title>


<style>


#box{


width: 500px;


height: 500px;


background: url(img/pic.png);


position: relative;


}


.div{


width: 48px;


height: 48px;


border: 1px solid yellow;


background: yellow;


float:left;


}


</style>


<script>


window.err= = function (){


var oBox = document.getElementById('box');


for ( var i=0; i<100; i++ ){


var newDiv=document.createElement('div');


newDiv.className='div';


newDiv.err= = function (){


this.style.background = 'transparent';


};


oBox.appendChild(newDiv);


}


};


</script>


</head>


<body>


<div id="box"></div>


</body>


</html>


 


 

2017-12-23 21:53  回复本帖
zhangzh

好的,谢谢老师的提醒,


createElement


什么意思呀

2017-12-26 13:55  回复本帖
登录 后才可以发表回复