█ 【窝居郑州】页面上自动收缩大屏通栏广告代码分享，不喜勿入

xiaoya35 · 发表于 2010-12-1 15:13:26

本帖最后由 xiaoya35 于 2011-4-1 11:21 编辑

请那些骂窝居郑州的人自行离开，谢谢合作！

本代码基于JQUERY的广告代码，各位站长可以根据自已的广告来设置自已的图片内容

本例假设使用默认模板风格，其中JS文件文件放置在"/static/image/common"目录里面，图片文件放在"/static/image/common/ads”目录里面！当然你可以根据自身的情况来自行安排放置位置，调用时对应请修改相应的文件路径！

步骤1：
将jquery文件()上传至你的“/static/image/common”目录下！

步骤2：
将广告图片文件（两个图片，一大一小）上传至你的“/static/image/common/ads”目录下！
注：对于选择放在什么地方的问题你可以根据自己的需要放置如下代码！本例是在论坛首页导航下放置此广告！
打开discuz.htm模板文件，在第二行放置如下代码

<script type="text/javascript" src="{IMGDIR}/jquery-1.4.2.min.js?{VERHASH}"></script>
<script language="javascript">
jQuery.noConflict();
</script>
<div id="zpBigDiv" style="margin-bottom:10px;">
<a href="#" target="_blank"><img src="{IMGDIR}/ads/dfshow_970_277.jpg" /></a>
</div>
<div id="zpSmallDiv" style="margin-bottom:10px;display:none; ">
<a href="#" target="_blank"><img src="{IMGDIR}/ads/dfshow_970_100.jpg" /></a>
</div>

复制代码

步骤3：

继续在discuz.htm模板文件倒数第二行加入如下代码

<script type="text/javascript">
jQuery(function(){
setTimeout("slide()",5000);
});
function slide(){
jQuery("#zpBigDiv").slideUp(2000,function(){jQuery("#zpSmallDiv").slideDown(500);});
}
</script>

复制代码

4：大功告成！

如果有设置成功的请跟贴展示下！

hahaboluo · 发表于 2010-12-1 15:14:16

回复 xiaoya35 的帖子

这个不错，谢谢楼主

hemuhua · 发表于 2010-12-1 15:14:41

非常喜欢，一直有关注你的站

wangfeyang · 发表于 2010-12-1 15:24:16

这个不错，谢谢楼主

阳光互联 · 发表于 2010-12-1 16:31:39

此帖必火！！！！！

gushaokai · 发表于 2010-12-1 16:41:15

好东西。顶

maomaodegege · 发表于 2010-12-1 17:08:29

关注中

lian26680 · 发表于 2010-12-1 17:28:03

感谢楼主，收藏了

我是坏蛋 · 发表于 2010-12-1 17:29:26

支持了。

easyker · 发表于 2010-12-1 17:34:46

本帖最后由 easyker 于 2010-12-1 17:35 编辑

终于分享出来了。。。

		自动登录	找回密码
密码			立即注册

[发布] █ 【窝居郑州】页面上自动收缩大屏通栏广告代码分享，不喜勿入

评分