css背景图片每3秒自动切换
答: 纯 css 每3秒播一张图片。9s是总共时间,如果是4张图片这里写 12s
答:首先 写多个背景的class 比如 .imgA {background: url(demo1.jpg) no-repeat;} .imgB {background: url(demo2.jpg) no-repeat;} ...然后在需要切换背景的层上用js替换class就行
答:回答:做成一张图片,改变背景定位 background-position:x y;明白了不?
答:方法一:在html文件中设置 html的中有两个关于背景的属性,其中的background用来设置背景图片。示例如下:如果背景图片小于网页显示窗口,那么这个背景图片会自动重复。为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图片作为背景图片。可以参考这个网站的教程和示例:http://www.blabla.cn/html_tut...
答:*/#gavinPlay{/* background:color url x y repeat 图片来自百度图片,按需要更换 */background:red url("https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2406548182,3889596045&fm=80") center no-repeat;/* background-size:auto auto || cover 代表以宽或高填满元素背景 */back...
答:// 每天换背景图片 flag = myDate.getDate(); //获取当前日(1-31)// 这句注释可以去掉看看效果,每分钟换一张图片,因为一天时间太长了不便于调试 //flag = myDate.getMinutes(); //获取当前分钟数(0-59)var img1= document.getElementById('kk');//比如你有三张背景图,1.jpg,...
答:.imgDiv{ width:500px;height:500px;background-image:url('../images/index.jpg');-moz-background-size: 100% 100%;-o-background-size: 100% 100%;-webkit-background-size: 100% 100%;background-size: 100% 100%;-moz-border-image: url(./btn.png) 0;background-repeat:no-repeat...
答:是sprite吧,这种方法用来处理背景图片比较好,可以省去不少请求数量。用作背景:设置一个元素的高宽,通过background-position调整背景图的位置,使需要的部分露出来,其余地方被隐掉。用作一般图片:与上面原理相同,只不过是设置该图片的pisotion将需要的部分显示出来,父元素overflow:hidden。由于需要多加...
答:jpg"]; //这里可以添加图片路径,每个路径用""包起来,每个路径之间用逗号分开,要在英文状态下输入符号。document.body.style.background="url("+bg_img[Math.floor(Math.random()*(bg_img.length))]+")"; //设置随机背景图,这里不用改。把这段代码放在之间 ...
答:1、Enabled: 可读写。布尔值(Boolean)。参阅 enabled 属性。2、sizingMethod: 可读写。字符串(String)。参阅 sizingMethod 属性。3、src: 可读写。字符串(String)。参阅 src 属性。说明:在对象容器边界内,在对象的背景和内容之间显示一张图片。并提供对此图片的剪切和改变尺寸的操作。如果载入的是PNG...
网友评论:
蒲园18835162319:
css中怎么控制背景不间断自动切换 -
8046商军
: CSS就只能实现把图片放上去 至于不间断的切换,你把GIF图片写在样式里面就可以了
蒲园18835162319:
怎样设置在网页中背景图片的自动更换? -
8046商军
: 方法一:在html文件中设置 html的中有两个关于背景的属性,其中的background用来设置背景图片.示例如下: 如果背景图片小于网页显示窗口,那么这个背景图片会自动重复. 为保证浏览器载入网页的速度,建议尽量不要使用字节过大的图...
蒲园18835162319:
如何实现网页背景图片自动更换?比如3秒一换.拜托各位大神 -
8046商军
: var imgs = ['1.jpg', '2.jpg']; var i = 0; function change() { i = (i > imgs.length - 1) ? : 0 : i; document.body.style.backgroundImage = imgs[i]; i ++; } setInterval('change()', 3000);
蒲园18835162319:
可否用 CSS Sprite 技术实现背景图片切换效果? -
8046商军
: 要CSS的呀?一般都用JS的如果是CSS的,只能做到背景切换,做不到图片本身切换为了要支持IE6,所以一般都用a的伪类来做这种效果a{background-image:url(普通状态时的背景图片);}a:hover{background-image:url(鼠标放上去的背景图片);}如果是做图片本身切换的话,只能用JS<img src="原图片" onmouseover="this.src='新图片';" onmouseout="this.src='原图片';" />
蒲园18835162319:
有没有js css可以自动更换背景图片的嘛?跪求一个 -
8046商军
: 每5秒换一次背景var imgs = ['123.jpg', '456.jpg', '789.jpg'];window.onload = function(){ settimeout(function(){ document.getElementById('你要换背景的元素id').background = 'url(../xxx/' + imgs[random()] + ')'; },5000)};function random(){ //生成0--2随机数}
蒲园18835162319:
如何使用CSS代码实现论坛背景自动切换 而且是8小时就换一副 -
8046商军
: 什么话不多说了,直接上代码,希望我的回答对你有帮助.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...
蒲园18835162319:
dw DIV+CSS实现图片自动切换
8046商军
: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-language...
蒲园18835162319:
jquery页面加载后背景图每隔3秒换一次 -
8046商军
: <!doctype html><html><head><meta charset="utf-8"><title>定时更换背景</title><script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script><script>$(function(){ //图片数组 var sArr =['http://pic11.nipic.com/20101208/6370412_...
蒲园18835162319:
有三张图片要作为一个div的背景图.用javascript如何实现每5秒更换一张背 -
8046商军
: 很简单的啊. 一个DIV内放一个UL, 三个li 标签,每个LI标签都是一张图片,再让这个DIV超出部分隐藏,这样只能看到一张图片,再5秒种把整个UL向左或者向右移动一张图片的宽度的距离,这种类似于图片轮播了. 你要简单点的话,可以直接在DIV里面放一个IMG标签,过5秒直接改他的src属性,也可以换,只不过没有动画效果.不会的话我都帮你写
蒲园18835162319:
求一个,鼠标放在图片上自动切换图片的css代码. -
8046商军
: 用伪类 比如 #id{background:url(xxx.jpg)} #id:hover{background:url(aaa.jpg)} 这样只能切换两张图 如果要切换多张就要用js