 |
热门文章 |
|
|
|
相关文章 |
|
| 没有相关文章 |
|
|
| 简洁的新闻切换效果 |
| 来源：畅无忧设计 更新时间：2009/12/1 23:16:36 阅读次数： 我要投稿 |
|
<!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>
<title>简洁的新闻切换效果</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
#zzsky ul{display:none;}
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div id="zzsky">
<ul>1、Flash+PHP多风格全自动漂亮相册</ul>
<ul>2、仿Office风格菜单控件源码</ul>
<ul>3、博易ASP.NET博客</ul>
<ul>4、万客隆ASP企业网站管理系统</ul>
</div>
<script type="text/javascript">
var tn=0;
var tli=document.getElementById("zzsky").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> |
|
| 上一篇文章： 非常不错的逐行新闻滚动效果下一篇文章： 需要确认才能跳转的链接 |
|
|
|
注册 登录
