JS悬浮在图片上,图片更换问题!

JS悬浮在图片上,图片更换问题!,第1张

你这js写的有问题啊,浏览器的执行速度是很快的,当你页面加载后,显示的是你的第一张图片,当你鼠标放到第一张图片上时,这个循环立马执行完了,也就是i=9的时候,你这时候找不到09.jpg这张图片了。你把循环去掉,在onmouseover函数里面最下面加一个i++就可以了。。

function changeBg(){

var obj=document.getElementById("menu").getElementsByTagName("a")

for(var i=0i<obj.lengthi++){

obj[i].style.backgroundImage="url(images/bg"+i+".gif)"

}

}

window.onload=changeBg

images文件夹下有相应5个图片,bg0.gif ,bg1.gif,......bg4.gif

这是JS代码实现的,需要编写JS脚本,然后在head区域引入JS文件,然后在body区加入相应JS的引用。

当然最快捷方便的方法就是百度去找个类似的源码就可以搞定了。漂浮源码很多的~ 一般是先HEAD引入JS文件,然后BODY或者其他地方加入JS调用代码 就可以实现了。

一般下载源码的地方会提示你怎么用。耐心找找


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11490013.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存