本文摘自PHP中文网,作者不言,侵删。
这篇文章介绍的内容是关于HTML 实现背景图片的替换 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | < p class = "p" >
< p class = "p2" >< img src = "../img/hu.jpg" alt = "" id = "picture" ></ p >
</ p >
</ p >
var curIndex = 0;
var timeInterval = 3000; //切换时间 3秒 可以修改
var arr = new Array();
arr[0] = "../img/hu.jpg"; //这里的是图片存放的相对路径
arr[1] = "../img/bb.jpg";
arr[2] = "../img/cc.jpg";
setInterval(changeImg, timeInterval);
function changeImg() {
var obj = document.getElementById("picture");
if(curIndex == arr.length - 1) {
curIndex = 0;
} else {
curIndex += 1;
}
obj.src = arr[curIndex];
}
|
相关推荐:
HTML实现美化上传文件样式
怎样用HTML实现滚动弹幕功能
HTML实现抢票功能(设定时间打开抢票的页面)
以上就是HTML 实现背景图片的替换 的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html内容通常由哪三部分组成
html的计算机代码元素有哪些
html中title啥意思
html frame标签怎么用
html怎么调用css文件
html的标签的应该怎样嵌套
html内容左右边距怎么设置
html空格代码是什么?html空格代码怎么写?(总结)
html怎么布局
html字体大小如何设置
更多相关阅读请进入《背景图片》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML 实现背景图片的替换