专注于免费网站建设领域,为诸多企业免费创造了一个个行业标杆网站,助力网民变访客,访客变顾客,共迎更伟大、更具机遇的未来。

您现在的位置: 首页>>免费教程>>建站教程

Css+Js单行新闻公告切换效果

来源:本站 发布时间:2023-07-21热度:2168 ℃
Css+Js单行新闻公告切换效果

<html>

<head>

<title>Css+Js单行新闻公告切换效果-31建站免费资源网www.31jz.com</title>

<meta http-equiv="Content-Type" mrc="text/html; charset=gb2312" />

<style type="text/css">

<!--

#hui ul {display: none;}

-->

</style>

</head>

<body>

<div id="hui" >

<ul >公告:<a href="https://www.31jz.com" target="_blank">31建站免费资源网www.31jz.com</a></ul>

<ul >公告:<a href="https://www.7bie.com" target="_blank">骗子举报网www.7bie.com</a></ul>

<ul >公告:<a href="https://www.gequhe.com" target="_blank">免费歌曲下载网www.gequhe.com</a></ul>

<ul >公告:<a href="https://www.zhulitui.com" target="_blank">助力推网络www.zhulitui.com</a></ul>

</div>

<SCRIPT type=text/javascript >

var tn=0;

 var tli=document.getElementById("hui").getElementsByTagName("ul");

rollText_tt=setInterval("rollText(tn)",100);

function rollText(n){

clearInterval(rollText_tt);

tn++;

if (tn>=tli.length){tn=0;}

rollText_tt=setInterval("rollText(tn)",2000); 

for (var j=0; j<tli.length; j++){

tli[j].style.display=j==n?"block":"none";

}

</SCRIPT>

</body>

</html>


本文地址:https://31jz.com/jzjc/1075.html