function myrefresh(){
window.location.reload()
}
setTimeout('myrefresh()',1000) //指定1秒刷新一次
</script>
一般是用脚本实现。示例:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">#bg_body{background:url(1.jpg) no-repeat center #eee background-attachment:fixed height:1000px}</style><script type="text/javascript">window.onload=function(){var oBody=document.getElementById('bg_body') var oS=oBody.style function BgChenge(){oS.backgroundImage='url(2.jpg)' } function BgPosition(){oS.backgroundRepeat='no-repeat' oS.backgroundPosition='center' oS.backgroundAttachment='fixed' } function LoadMethod(){BgChenge() BgPosition()} setInterval(LoadMethod,1000)}</script></head><body id="bg_body"></body></html>你背景图片就设置了一个2.jpg再切换也是这一张图片啊如果有多张图片比如说1-10.jpg,那就把oS.backgroundImage='url(2.jpg)'改为oS.backgroundImage='url('+(parseInt(Math.random() * 10) + 1)+'.jpg)'以前弄过类似的,你可以看看修改下。
这个是只有4条,定时切换。想改成0点 修改时间or获取时间就行。已测试可运行。
<!DOCTYPE html>
<HTML>
<HEAD>
<meta charset="UTF-8">
<TITLE>change by su </TITLE>
<style type="text/css">
#contain{
overflow:hiddenlist-style:nonewidth:350pxheight:55pxmargin:0pxpadding:0
}
#contain p{
height:30pxline-height:30pxwhite-space:nowrapoverflow:hiddenfont-size:15px
}
</style>
</HEAD>
<BODY>
<div id="contain">
<p>这是第一条文本</p>
<p>我是第二条文本!</p>
<p>没错的话,我是第三条文本</p>
<p>我去,我竟然是最后一条文本</p>
</div>
<script>
function setTime(){
var contain=document.getElementById("contain")
contain.appendChild(contain.firstChild)
}
setInterval("setTime()",2000)
</script>
</BODY>
</HTML>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)