Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
xiaoya35 发表于 2010-12-1 15:13:26 | 显示全部楼层 |阅读模式
Discuz!模板
适用版本: Discuz! X1.5
语言编码: GBK简体 UTF8简体 BIG5繁体 UTF8繁体 
风格转换者: 原创
本帖最后由 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模板文件,在第二行放置如下代码



  1. <!--Jquery引用-->
  2. <script type="text/javascript" src="{IMGDIR}/jquery-1.4.2.min.js?{VERHASH}"></script>
  3. <script language="javascript">
  4. jQuery.noConflict();
  5. </script>
  6. <div id="zpBigDiv" style="margin-bottom:10px;">
  7. <a href="#" target="_blank"><img src="{IMGDIR}/ads/dfshow_970_277.jpg" /></a>
  8. </div>
  9. <div id="zpSmallDiv" style="margin-bottom:10px;display:none; ">
  10. <a href="#" target="_blank"><img src="{IMGDIR}/ads/dfshow_970_100.jpg" /></a>
  11. </div>
复制代码

步骤3:

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

  1. <!--Jquery广告引用-->
  2. <script type="text/javascript">
  3. jQuery(function(){
  4. setTimeout("slide()",5000);
  5. });
  6. function slide(){
  7. jQuery("#zpBigDiv").slideUp(2000,function(){jQuery("#zpSmallDiv").slideDown(500);});
  8. }
  9. </script>
  10. <!--Jquery广告引用结束-->
复制代码

4:大功告成!

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


评分

1

查看全部评分

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 编辑

终于分享出来了。。。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-15 12:23 , Processed in 0.050300 second(s), 7 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表