2019独角兽企业重金招聘Python工程师标准>>>
<!DOCTYPE>
<html>
<head><title></title><style>.newVideo{width:208px;height:116px;border:0px solid #000; position:relative;cursor:pointer;}.newVideoImg{position:relative;width:100%;height:100%;}.newImg{width:208px;height:116px;}.newMask{position:absolute;left:0; top:0; width:100%; height:100%;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity:0;}.hotsLonger{font-weight:bolder; font-size:12px;color:#FFFFFF;}.newAdd{position:absolute;z-indent:2;left:188px;top:95px; background-color:#737372;}.newVideoMeg{position:absolute;z-indent:2;left:169px;top:91px; background-color:#737372; padding:3px;}</style></head>
<body>
<div class="newVideo"><div class="newVideoImg"> <img src="drfIMG.jpg" class="newImg"/><img src="mask.png" class="newMask" title="行车记录仪"/><div class="newVideoMeg"> <font class="hotsLonger">20:19</font></div><!-- 添加 --><div style="display:none" class="newAdd"><img src="add.png"/></div></div>
</div>
<hr>
<div class="newVideo"><div class="newVideoImg"> <img src="drfIMG.jpg" class="newImg"/><img src="mask.png" class="newMask" title="行车记录仪"/><div class="newVideoMeg"> <font class="hotsLonger">20:19</font></div><!-- 添加 --><div style="display:none" class="newAdd"><img src="add.png"/></div></div>
</div>
<script type="text/javascript">
var newVideo = document.getElementsByClassName("newVideo");
var newMask = document.getElementsByClassName("newMask");
var newVideoMeg = document.getElementsByClassName("newVideoMeg");
var newAdd = document.getElementsByClassName("newAdd");
for(var i=0;i<newVideo.length;i++){/*之所以用到闭包,原因是:内部函数在使用外部变量时使用引用的方式,其实相当于java中的引用传递,而非值传递。传递进来的引用只相当于一个指针,指向的是一个内存地址,这个内存地址存放的才是具体的值,而外面的循环会不断的修改这个存放地址中的值,所以最后循环结束之后,参数的值只能找到最后一个。 */(function(){var p = i;newVideo[p].onmouseover = function(){newVideoMeg[p].style.display = "none";newAdd[p].style.display = "";newMask[p].style.opacity = "1";newMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=50)"}newVideo[p].onmouseout = function(){newVideoMeg[p].style.display = "";newAdd[p].style.display = "none";newMask[p].style.opacity = "0";newMask[p].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=0)"}})();
}
</script>
</body>
</html>