顶部大幅广告，N秒后自动消失仿门户站大幅广告

蓝雨 · 发表于 2009-5-17 14:00:04

在模版文件header.html中找到

</head>

复制代码

在上面加入以下代码：

游客，如果您要查看本帖隐藏内容请回复

蓝雨 · 发表于 2024-9-27 12:24:50

这个jquery特效总共有三种效果：

第一种为：顶部大图广告显示数秒后隐藏。也刷新，也就不再显示了。

第二种为：顶部大图广告显示数秒后隐藏。然后会出现一个重播的按钮。

第三种为：顶部大图广告显示数秒后隐藏。然后会显示一个小图。

有兴趣的可以仔细研究一下，demo只是其中一个小图的预览。像的显示时间等，图片大小都是可以自定义的。

<!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-Type" content="text/html; charset=utf-8" />
<title>顶部广告显示数秒后隐藏效果</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<!--<script type="text/javascript">
$(document).ready(function(){
$("#banner").slideDown("slow");
})
function displayimg(){
$("#banner").slideUp("slow");
}
setTimeout("displayimg()",15000);
</script>-->
<!--<script type="text/javascript">
$(document).ready(function(){
$("#banner").slideDown("slow");
$("#rightOpen").hide();
$("#rightOpen").click(function(){
$("#banner").slideDown("slow");
setTimeout("displayimg()",15000);
$("#rightOpen").hide();
})
})
function displayimg(){
$("#banner").slideUp("slow");
$("#rightOpen").show();
}
setTimeout("displayimg()",15000);
</script>-->
<script type="text/javascript">
$(document).ready(function(){
$("#banner").slideDown("slow");
})
function displayimg(){
$("#banner").slideUp(1000,function(){
$("#top").slideDown(1000);
})
}
setTimeout("displayimg()",1000);
</script>
</head>
<body>
<div id="top" style="display:none;"><img src="02.jpg" width="980" height="60" /></div>
<div id="banner" style="width:980px; height:291px; display:none;"><img src="01.jpg" width="980" height="291" /></div>
</body>
</html>

复制代码

账号		自动登录	找回密码
密码			注册

顶部大幅广告，N秒后自动消失仿门户站大幅广告

终身成就奖

LY官方团队

会员身份ID卡

网站公告 /2

顶部大幅广告，N秒后自动消失 仿门户站大幅广告

终身成就奖

LY官方团队

会员身份ID卡

网站公告 /2

顶部大幅广告，N秒后自动消失仿门户站大幅广告