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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[发布] 页头通栏广告如何实现几个图片的轮换

[复制链接]
fenzi2008 发表于 2010-4-5 21:46:06 | 显示全部楼层 |阅读模式
本帖最后由 fenzi2008 于 2010-4-11 09:49 编辑

1.效果


2.将附件上传至您的论坛根目录下(记得将图片换成您自已的哦)

3.将以下代码放到后台所要设置的广告代码中

  1. <script type=text/javascript>
  2. var pic_width=510; //图片宽度
  3. var pic_height=70; //图片高度
  4. var button_pos=4; //按扭位置 1左 2右 3上 4下
  5. var stop_time=5000; //图片停留时间(1000为1秒钟)
  6. var show_text=0; //是否显示文字标签 1显示 0不显示
  7. var txtcolor="000000"; //文字色
  8. var bgcolor="DDDDDD"; //背景色
  9. var imag=new Array();
  10. var link=new Array();
  11. var text=new Array();
  12. imag[1]="http://www.5ibzw.com/5ibzw-ad/images/5ibzw-ad1.jpg";
  13. link[1]="http://www.5ibzw.com/bbs";
  14. text[1]="广告 1";
  15. imag[2]="http://www.5ibzw.com/5ibzw-ad/images/5ibzw-ad2.jpg";
  16. link[2]="http://www.5ibzw.com/bbs";
  17. text[2]="广告 2";
  18. imag[3]="http://www.5ibzw.com/5ibzw-ad/images/5ibzw-ad3.jpg";
  19. link[3]="http://www.5ibzw.com/bbs";
  20. text[3]="广告 3";
  21. imag[4]="http://www.5ibzw.com/5ibzw-ad/images/5ibzw-ad4.jpg";
  22. link[4]="http://www.5ibzw.com/bbs";
  23. text[4]="广告 4";

  24. //可编辑内容结束
  25. var swf_height=show_text==1?pic_height+20:pic_height;
  26. var pics="", links="", texts="";
  27. for(var i=1; i<imag.length; i++){
  28.         pics=pics+("|"+imag[i]);
  29.         links=links+("|"+link[i]);
  30.         texts=texts+("|"+text[i]);
  31. }
  32. pics=pics.substring(1);
  33. links=links.substring(1);
  34. texts=texts.substring(1);
  35. document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cabversion=6,0,0,0" width="'+ pic_width +'" height="'+ swf_height +'">');
  36. document.write('<param name="movie" value="http://www.5ibzw.com/5ibzw-ad/flash/focus.swf">');
  37. document.write('<param name="quality" value="high"><param name="wmode" value="opaque">');
  38. document.write('<param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'">');
  39. document.write('<embed src="http://www.5ibzw.com/5ibzw-ad/flash/focus.swf" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&pic_width='+pic_width+'&pic_height='+pic_height+'&show_text='+show_text+'&txtcolor='+txtcolor+'&bgcolor='+bgcolor+'&button_pos='+button_pos+'&stop_time='+stop_time+'" quality="high" width="'+ pic_width +'" height="'+ swf_height +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
  40. document.write('</object>');
  41. </script>
复制代码
注:将代码中的网站地址换成您自已的网址

4.完成!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
binbinlovel 发表于 2010-4-5 22:09:03 | 显示全部楼层
支持了。
回复

使用道具 举报

bazj 发表于 2010-4-9 14:29:58 | 显示全部楼层
做个记号
回复

使用道具 举报

a278420 发表于 2010-4-10 01:34:23 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

泥豌豆 发表于 2010-4-13 02:24:13 | 显示全部楼层
我试了一下没成功,不过我以前有用其他的方法做了一个,大家可以看我的效果:
http:bbs.cgjoy.com
回复

使用道具 举报

huac 发表于 2010-4-13 08:23:12 | 显示全部楼层
这个我去试试的,先谢谢了
回复

使用道具 举报

la367 发表于 2010-4-15 11:08:39 | 显示全部楼层
支持了。。。
回复

使用道具 举报

hellokai 发表于 2010-4-19 13:38:52 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

hajhb 发表于 2010-4-19 14:02:54 | 显示全部楼层
好东西啊。。收藏
回复

使用道具 举报

wanglefu 发表于 2010-4-19 15:53:07 | 显示全部楼层
做个记号
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-15 10:21 , Processed in 0.031383 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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