This topic created in 5163 days ago, the information mentioned may be changed or developed.
http://js.fgm.cc/learn/lesson2/11.html
这里面那个， <li class="first"><img src="img/big_1.jpg"><div></div></li>
空的div有什么用额。。
还有
oImg[i].onmouseover = function ()
{
var img = new Image();
img.src = oImg[0].src = this.src.replace(/small/,"big");
oDiv.style.display = "block";
img.complete ? oDiv.style.display = "none" : (oImg[0].onload = function() {oDiv.style.display = "none"})
}
求讲解啊，这代码不太看得懂啊。。。
这里面那个， <li class="first"><img src="img/big_1.jpg"><div></div></li>
空的div有什么用额。。
还有
oImg[i].onmouseover = function ()
{
var img = new Image();
img.src = oImg[0].src = this.src.replace(/small/,"big");
oDiv.style.display = "block";
img.complete ? oDiv.style.display = "none" : (oImg[0].onload = function() {oDiv.style.display = "none"})
}
求讲解啊，这代码不太看得懂啊。。。
 |
1
justfindu Mar 8, 2012
代码是加载大图片用的.用image创建,
他的大小图片分别放在 small 和 big 文件夹下,文件名相同. 然后直接用Image类的onload加载大图. 那个div是为了显示旋转的菊花,也就是loading图片...你网速慢的话会看到那玩意儿 |
 |
3
kidblg Mar 8, 2012
那个空div的背景是个loading图片，一开始隐藏的，你鼠标移到别的图片的时候，div显示loading。你看看那个div的css吧，用chrome看下。
|
 |
5
yuzhigang33 Mar 8, 2012
这个代码在哪儿看的啊？
|
 |
6
uoryon OP @yuzhigang33 chrome直接F12，firefox用firebug
|
 |
7
cougar Mar 8, 2012
例子思路挺好的，不过每次都要生成新对象，如果图片太多会不会有性能问题？
|
Select Language