html实现背景图片自动更换,HTML实现背景图片的替换

这篇文章介绍的内容是关于HTML 实现背景图片的替换，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

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 图片自动滚动播放,JS实现图片自动滚动(图片横向滚动)
实带道术用量确示常构端析以要效开的用,近不现的效果就是一排图片自动横向滚动,鼠标指向的时候,暂定滚动,鼠标离开,继续滚要圈器是天的年编功小还久概据含直这请框结业未商屏页屏随会维气大机域页效实一应控高 ...
html图片自动适应,css如何让图片自适应？
要使图片能够自适应显示,我们一般可以通过设置CSS样式,让图片作为父元素的背景图片,再设置相关属性来实现.下面我们来看一下使用css设置图片自适应的方法. css设置图片自适应示例: HTML代码: ...
html图片自动向左滚动代码,图片无缝滚动代码(向左/向下/向上)
想必大家都注意到的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出,不管怎么做,都略显麻烦.下面说一下这个相对简单的实现思路:一个设定宽度并且隐藏超出它宽度的内容的容器demo,里面放de ...
html5 左边图片自动更换右边字幕,☆视频片尾制作☆如何制作电影片尾,左边是彩蛋视频,右边是至下向上的滚动字幕...
大家对电影片尾并不陌生哈,每看完一部电影或微电影.电视剧等,在后面都会有一些从屏幕底下往上移动的字幕,包含有基本所有工作人员信息,比如演员.导演.化妆.摄影.场景.灯光.音效之类的,还有鸣谢赞助的单位 ...
html怎样让图片自动转圈,html5怎样做出图片转圈的动画效果
这次给大家带来html5怎样做出图片转圈的动画效果,h5做出图片转圈的动画效果的注意事项有哪些,下面就是实战案例,一起来看一下. @mixin ani-btnRotate{ @keyframes bt ...
html如何设置图片自动居中,css如何使图片居中？
在我们的WEB前端css开发过程中,我们避免会遇到让图片居中的情况,为了网页美观以及用户的体验,我们有时候就要让图片居中,那么我们也都知道图片居中的方法有很多,今天我们就给大家详细介绍下CSS实现图片 ...
html 图片自动滚动播放,CSS3实现图片滚动播放效果
CSS3实现图片滚轮效果在平常我们使用一些滚动图片的效果,都是用javascript代码(JQuery)实现,但是在如今Html5和CSS3盛行的时代,可以替代javascript代码来实现一些常见 ...
html网页图片自动滚动代码,实现网页图片循环滚动的代码上/下/左/右(html or asp)...
向上: href="http://image2.sina.com.cn/gm/lineage2/whz/newwh/images/fy/images/images/ifimage/" ...
网页背景图片自动拉伸
<style type="text/css"> <!-- body { background-image: url(bg.gif); background-rep ...
php orientation生成图片,图片自动旋转的前端实现方案
随着智能手机的普及,大家已经习惯随手拍点照片传网上了.有时候传上去的照片方向会不对,甚至还有脑袋朝下的情况.为此,各大微博不约而同的给照片增加左右旋转的功能.这样能解决问题,但我们是否能更进一步,自动 ...

html实现背景图片自动更换,HTML实现背景图片的替换

html实现背景图片自动更换,HTML实现背景图片的替换相关推荐

最新文章

热门文章