杭州神话信息技术有限公司

标题: 【分享】在微博广场上放加了一个幻灯片，可以做一个话题引导 [打印本页]
作者: 小黑子    时间: 2011-2-25 14:27:32     标题: 【分享】在微博广场上放加了一个幻灯片，可以做一个话题引导

本帖最后由 小黑子 于 2011-2-25 14:30 编辑



在模板文件topic_new.html的<dl class="mainTag">上方添加如下代码：


  1. <div class="huandeng">
  2. <script>
  3. var widths=560; //设置幻灯片宽度
  4. var heights=150; //设置幻灯片高度
  5. var counts=2; //设置幻灯片数量
  6. //设置图片路径
  7. img1=new Image ();img1.src='images/index/ad_3.jpg';
  8. img2=new Image ();img2.src='images/index/ad_1.jpg';
  9. //img3=new Image ();img3.src='images/index/ad_2.jpg';
  10. //设置图片的URL
  11. url1=new Image ();url1.src='index.php?mod=profile&code=invite';
  12. url2=new Image ();url2.src='index.php?mod=tag&code=%E6%84%8F%E8%A7%81%E5%8F%8D%E9%A6%88';
  13. //url3=new Image ();url3.src='#';
  14. var nn=1;
  15. var key=0;
  16. function change_img()
  17. {if(key==0){key=1;}
  18. else if(document.all)
  19. {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
  20. eval('document.getElementById("pic").src=img'+nn+'.src');
  21. eval('document.getElementById("url").href=url'+nn+'.src');
  22. for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
  23. document.getElementById("xxjdjj"+nn).className='bxx';
  24. nn++;if(nn>counts){nn=1;}
  25. //设置图片切换间隔时间
  26. tt=setTimeout('change_img()',4000);}
  27. function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
  28. document.write('<style>');
  29. document.write('.axx{padding:1px 10px;border-left:#cccccc 1px solid;}');
  30. document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
  31. document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
  32. document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
  33. document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
  34. document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
  35. document.write('</style>');
  36. document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
  37. document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
  38. document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
  39. for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
  40. document.write('</div></div>');
  41. change_img();
  42. </script>
  43. </div>
复制代码

作者: ELLE    时间: 2011-2-25 14:43:13

不错 ！支持下！
作者: 字典啦    时间: 2011-2-25 16:26:00

多多分享 生活会更加美好
作者: 52580494    时间: 2011-2-25 17:09:45

这个代码好长啊
作者: futurejunjie    时间: 2011-2-25 18:52:04

回复 小黑子 的帖子

小黑，能给个演示地址吗，我看看。 截图好像看不出来什么东东，都不知道放在哪里。
作者: ELLE    时间: 2011-2-25 22:04:37

广场的导航两行之间太近  很丑  加了这个之后好多了
作者: ELLE    时间: 2011-2-25 23:38:02

我怎么修改不成功啊？
作者: ELLE    时间: 2011-2-26 00:02:21

搞定！ 演示：http://baoliao.me/index.php?mod=topic&code=new
作者: tomweb    时间: 2011-2-26 00:02:42

谢谢分享。。。。。。。。。。。。
作者: 老马    时间: 2011-2-26 00:24:35

谢谢分享。。。。。。。。。。。。
作者: futurejunjie    时间: 2011-2-26 08:40:04

回复 ELLE 的帖子

哦，这是在微博广场中才显示的撒。
作者: ELLE    时间: 2011-2-26 11:21:48

回复 futurejunjie 的帖子

这我知道
只是图片地址研究了下！
作者: sea1983816    时间: 2011-2-26 22:42:56

支持一个！
作者: zhoukun0511    时间: 2011-3-1 22:33:51

霸道~~分享   牛逼！！！
作者: ELLE    时间: 2011-3-1 23:26:40

这个很爽！！！！
作者: specac    时间: 2011-3-1 23:52:54

不错，收藏了！
作者: upchum    时间: 2011-3-2 13:51:54

不错，标记下 以后好找
作者: xku8    时间: 2011-3-2 17:19:24

谢谢了，留个记号闲了弄
作者: 颜泽    时间: 2011-3-3 16:30:29

谢谢了，留个记号闲了弄
作者: xiaxi    时间: 2011-3-3 23:19:23

是啊,等我网站都搭好了再来弄
作者: ELLE    时间: 2011-3-24 20:46:07

  1. <div class="huandeng"><script>var widths=560; //设置幻灯片宽度var heights=150; //设置幻灯片高度var counts=2; //设置幻灯片数量//设置图片路径img1=new Image ();img1.src='images/index/ad_3.jpg';img2=new Image ();img2.src='images/index/ad_1.jpg';//img3=new Image ();img3.src='images/index/ad_2.jpg';//设置图片的URLurl1=new Image ();url1.src='index.php?mod=profile&code=invite';url2=new Image ();url2.src='index.php?mod=tag&code=%E6%84%8F%E8%A7%81%E5%8F%8D%E9%A6%88';//url3=new Image ();url3.src='#';var nn=1;var key=0;function change_img(){if(key==0){key=1;}else if(document.all){document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}eval('document.getElementById("pic").src=img'+nn+'.src');eval('document.getElementById("url").href=url'+nn+'.src');for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}document.getElementById("xxjdjj"+nn).className='bxx';nn++;if(nn>counts){nn=1;}//设置图片切换间隔时间tt=setTimeout('change_img()',4000);}function changeimg(n){nn=n;window.clearInterval(tt);change_img();}document.write('<style>');document.write('.axx{padding:1px 10px;border-left:#cccccc 1px solid;}');document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');document.write('</style>');document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}document.write('</div></div>');change_img();</script></div>
复制代码


作者: ELLE    时间: 2011-3-24 20:46:23

  1. <div class="huandeng">
  2. <script>
  3. var widths=560; //设置幻灯片宽度
  4. var heights=150; //设置幻灯片高度
  5. var counts=2; //设置幻灯片数量
  6. //设置图片路径
  7. img1=new Image ();img1.src='images/index/ad_3.jpg';
  8. img2=new Image ();img2.src='images/index/ad_1.jpg';
  9. //img3=new Image ();img3.src='images/index/ad_2.jpg';
  10. //设置图片的URL
  11. url1=new Image ();url1.src='index.php?mod=profile&code=invite';
  12. url2=new Image ();url2.src='index.php?mod=tag&code=%E6%84%8F%E8%A7%81%E5%8F%8D%E9%A6%88';
  13. //url3=new Image ();url3.src='#';
  14. var nn=1;
  15. var key=0;
  16. function change_img()
  17. {if(key==0){key=1;}
  18. else if(document.all)
  19. {document.getElementById("pic").filters[0].Apply();document.getElementById("pic").filters[0].Play(duration=2);}
  20. eval('document.getElementById("pic").src=img'+nn+'.src');
  21. eval('document.getElementById("url").href=url'+nn+'.src');
  22. for (var i=1;i<=counts;i++){document.getElementById("xxjdjj"+i).className='axx';}
  23. document.getElementById("xxjdjj"+nn).className='bxx';
  24. nn++;if(nn>counts){nn=1;}
  25. //设置图片切换间隔时间
  26. tt=setTimeout('change_img()',4000);}
  27. function changeimg(n){nn=n;window.clearInterval(tt);change_img();}
  28. document.write('<style>');
  29. document.write('.axx{padding:1px 10px;border-left:#cccccc 1px solid;}');
  30. document.write('a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;}');
  31. document.write('a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;}');
  32. document.write('.bxx{padding:1px 7px;border-left:#cccccc 1px solid;}');
  33. document.write('a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
  34. document.write('a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;}');
  35. document.write('</style>');
  36. document.write('<div style="width:'+widths+'px;height:'+heights+'px;overflow:hidden;text-overflow:clip;">');
  37. document.write('<div><a id="url"><img id="pic" style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward)" width='+widths+' height='+heights+' /></a></div>');
  38. document.write('<div style="filter:alpha(style=1,opacity=10,finishOpacity=80);width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;">');
  39. for(var i=1;i<counts+1;i++){document.write('<a href="javascript:changeimg('+i+');" id="xxjdjj'+i+'" class="axx" target="_self">'+i+'</a>');}
  40. document.write('</div></div>');
  41. change_img();
  42. </script>
  43. </div>
复制代码


作者: 蜗牛5948    时间: 2011-3-25 01:19:24

这个我也去做一个。
作者: iorili    时间: 2011-3-25 14:45:02

感谢分享 等等我弄弄看
作者: jran    时间: 2011-3-25 16:29:08

看看就顶。分享精神可嘉
作者: xsheng1983    时间: 2011-3-26 11:01:27

不错哈。支持一下



欢迎光临 杭州神话信息技术有限公司 (http://www.cenwor.com/) Powered by Discuz! X2