‘壹’ 怎样设置在网页中背景图片的自动更换
<script>
window.onload=function(){
var bkimgs=["images/image1.jpg","images/image2.jpg","images/image3.jpg"];
var bki=0;
setInterval(function(){
var body=document.getElementsByTagName("body")[0]
body.style.backgroundImage="url("+bkimgs[bki]+")";
bki=(bki+1)%bkimgs.length;
},5000);
}
</script>
‘贰’ html中怎样控制每隔一段时间变换一次背景图片
用个timer将timer的interval设置为5000,在timer的事件中写代码更新文本框中的值
‘叁’ 用js定时器切换背景图片,详细看下面代码,求js高手
你背景图片就设置了一个2.jpg再切换也是这一张图片啊
如果有多张图片比如说1-10.jpg,那就把oS.backgroundImage='url(2.jpg)';改为oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)';
‘肆’ 背景图片自动变换如何设置
打开有图片的文件夹,找到需要设置为背景的图片:
右击之,从弹出的菜单命令中选择“设置为桌面背景”命令即可:
而如果你要设置图片文件夹,则在桌面上空白处右击,选择“个性化”命令:
在弹出的“个性化”窗口中单击“桌面背景”:
在弹出的窗口中,通过“浏览”找到需要的图片文件夹,再点击“全选”:
然后再在下方设置需要的规则,点击“保存更改”按钮:
之后,在桌面空白地方右击,选择“下一个桌面背景”即可快速切换背景了:
‘伍’ 前端exe怎么让客户自己替换图片
图片替换主要是指将文字替换成图片的技术,即在html语句中使用文字,浏览器显示时用对应的图片显示。其意义在于便于做网站优化(SEO),文字才是搜索引擎寻找的主要对象。
经典的替换方法:
Fahrner图片替换法(FIR)
源码:
Html:
<h1 id="fir"><span>Fahrner Image Replacement</span></h1>
CSS:
#fir {
width: 287px;
height: 29px;
background: url(fir.gif) no-repeat;
}
#fir span {
display: none;
}
解释:
首先添加一个<span>标签,然后使用<span>标签的display属性把文字隐藏起来,最后指定<h1>的背景图片。
优点:使用CSS而不是标记语法提供图片,更改图片只需更改CSS。
缺点:(1)需要一组不具备任何语义的<span>标签才能运作(2)display属性影响屏幕阅读器使用者(3)关闭浏览器显示图片,同时启用CSS支持时,文字图片均不可显示。
2.Leahy/Langridge图片替换法(LIR)
源码:
Html:
<h1 id="lir">Leahy/Langridge Image Replacement</h1>
CSS:
#lir {
padding-top:image height;
overflow:hidden;
background:url(lir.gif) no repeat;
height:0 !important; //针对大多数浏览器
height:image height; //针对IE5
}
解释:
首先将padding-top设置为图片高度,将h1高度设置为0(IE5下设置为图片高度),根据盒子模型可知,文字内容将被排挤到指定高度之外,同时设置overflow:hidden将溢出文字隐藏。
优点:(1)去掉冗余的<span>标签(2)不影响屏幕阅读器使用者
缺点:(1)关闭浏览器显示图片,同时启用CSS支持时,文字图片均不可显示(2)要为IE5 for Windows使用盒模型Hack。
3.phark图片替换法
源码:
Html:
<h1 id="phark">The Phark Method</h1>
CSS:
#phark {
height: image height;
text-indent: -5000px;
background: url(phark.gif) no-repeat;
}
解释:设置text-indent属性为很大的负值,将文字显示在屏幕之外,达到隐藏的效果。
优点:(1)不需要额外标签(2)不影响屏幕阅读器使用者
缺点:关闭浏览器显示图片,同时启用CSS支持时,文字图片均不可显示
‘陆’ html中怎样定时变换背景图片
1.准备相关图片(1.jpg,2.jpg...n.jgp)
2.编写一个html页面 用以显示图片
并设置为自动定时更新图片
3.将改html页面 设置为桌面背景
该“桌面”隔定时自动刷新 更新图片显示
===============================================
1.将自己需要的图片 如英语小卡片 名人名言等
集结在一个文件夹下 并进行命名 如1.jpg,2.jpg...
这样在最后的桌面上 就可以学习英语或名言了
2.编写如下示例的html页面 放在该图片文件夹中
假设该html页面 名称为myPicDesktop.html
其中之所以设置td的宽度为50%
是想控件图片的显示位置在桌面的右半部
因为通常桌面的左半部都有很多图标
示例代码如下:
<html>
<head>
</head>
<script language="javascript">
window.onload=refleshDesktopPic
function refleshDesktopPic()
{
var i = 1;
var j = 0; //图片的顺序号
var k = 8; //图片的张数
var m = 30*1000; //每张显示的时间 毫秒
var n = 2; //循环遍数
//
while(i<=(n*k))
{
j= i%k;//应该循环第几张图片以显示
if(j==0)
j=k;//最后一张图片的序号
//隔一短时间后 再替换为另一张图片
setTimeout("setPic("+j+")",(m*i) );
i = i+1;
}
}
function setPic(picSeqNum)
{
document.all.myDiv.innerHTML = "<image id='image2' src='"+picSeqNum+".jpg'></image>";
}
</script>
<body>
<table width="100%">
<tr>
<td width="50%">
</td>
<td>
<div id="myDiv">
<image id="image1" src="1.jpg"></image>
</div>
</td>
</tr>
</table>
</body>
</html>
3.以Win2003系统为例
桌面->右键->属性->桌面标签页
->自定义桌面->打开“桌面项目”设置框
->Web标签页
->点击 新建 按钮
->打开 “新建桌面项目”设置框
->点击 浏览 按钮
->找到 第2步所编辑的myPicDesktop.html
->确定 ->应用 ->确定
可以查看效果
起初 该html页面做为桌面 并没有最大化展开
而是 缩小的显示在桌面的右中部
可以鼠标放上去 在页面的右上角 点击最大化按钮
以使html页面有桌面那么大显示
当想关闭该html页面时 同样点击该页面的右上角的关闭按钮即可
就像正常的网页一样操作就好
‘柒’ 想实现一个功能:网页背景图片每天自动更换
<html>
<body id="kk" background="1.jpg">
测试<br>
</body>
<script type="text/javascript">
// 下面是用递归写的,一定要加在网页末端,注意背景图片地址,自己根据情况改
function change(){
var myDate() = new Date()();
// 每天换背景图片
flag = myDate().getDate(); //获取当前日(1-31)
// 这句注释可以去掉看看效果,每分钟换一张图片,因为一天时间太长了不便于调试
//flag = myDate.getMinutes(); //获取当前分钟数(0-59)
var img1= document.getElementById('kk');
//比如你有三张背景图,1.jpg,2.jpg和3.jpg,
//判断时间中的日:1-31,或者1-30(还有其他的闰 年就不举例了)和3的余数
//然后加1,因为余数范围0-2
// 你的描述有点隐晦,你有几张图片轮换,什么时候显示,可以根据时间设定flag规则
flag = flag%3+1;
img1.style.background="url("+flag+".jpg)";;
// 注意函数格式:function(){函数名}
window.setTimeout(function(){change()},1000);//每隔一秒判断一次系统时间
}
change();
</script>
</html>
‘捌’ 如何用代码实现在不同时间段更换不同页面背景图片
if (hours>=0 && hours <=12){
timeValue +=" 上午好!"
document.body.style.backgroundImage = "上午的背景";
}
不知道对不对..
‘玖’ JS/Jquery,如何实现背景图片的更换
你好,Jquery修改背景图片方法如下:
$("这里写css选择器").css("background-image","url(这里填图片路径)");
或者
$("css选择器").css({"background-image":"url(图片路径)"});
比如修改一个p标签的背景为bjt.jpg可以写成:
$("p").css({'background-image':'url(bjt.jpg)'})
‘拾’ 如何将网页的背景图片3秒后变成另外一张图片
将网页背景图片设置为3秒自动更换:
function changeBG()
{
var body = document.getElementsByTagName("body")[0];
body.style.backgroundImage = "url(yourimage.xxx)";
setTimeout("changeBG",3000); //
}