漂亮的幻灯片的代码

2019-10-25 10:44:19 织梦安装使用
  • 文章介绍

最近一个小站的首页幻灯片出现了问题,为了修正这个错误,特找一个比较的好看的风格,改了一下。现在发出来和大家一起交流。

演示效果:http://tkd.lyduo.com/
 

 代码如下:

  1. <script language=javascript>     
  2. //-------定义图片路径等参数-------------//   
  3. //定义大图的路径,   
  4. {dede:arclist flag=f row=1 limit=0,1 }   
  5. var bigPic0 ="field:litpic/";   
  6. {/dede:arclist}   
  7. {dede:arclist flag=f row=1 limit=1,1}   
  8. var bigPic1 ="field:litpic/";   
  9. {/dede:arclist}   
  10. {dede:arclist flag=f row=1 limit=2,1}   
  11. var bigPic2 ="field:litpic/";   
  12. {/dede:arclist}   
  13. {dede:arclist flag=f row=1 limit=3,1}   
  14. var bigPic3 ="field:litpic/";   
  15. {/dede:arclist}   
  16. //小图路径   
  17. {dede:arclist flag=f row=1 limit=0,1}   
  18. var smallPic0 ="field:litpic/";   
  19. {/dede:arclist}   
  20. {dede:arclist flag=f row=1 limit=1,1}   
  21. var smallPic1 ="field:litpic/";   
  22. {/dede:arclist}   
  23. {dede:arclist flag=f row=1 limit=2,1}   
  24. var smallPic2 ="field:litpic/";   
  25. {/dede:arclist}   
  26. {dede:arclist flag=f row=1 limit=3,1}   
  27. var smallPic3 ="field:litpic/";   
  28. {/dede:arclist}   
  29. //大图的点击后的URL   
  30. {dede:arclist flag=f row=1 limit=0,1}   
  31. var PicURL0 ="field:arcurl/";   
  32. {/dede:arclist}   
  33. {dede:arclist flag=f row=1 limit=1,1}   
  34. var PicURL1 ="field:arcurl/";   
  35. {/dede:arclist}   
  36. {dede:arclist flag=f row=1 limit=2,1}   
  37. var PicURL2 ="field:arcurl/";   
  38. {/dede:arclist}   
  39. {dede:arclist flag=f row=1 limit=3,1}   
  40. var PicURL3 ="field:arcurl/";   
  41. {/dede:arclist}   
  42. //标题   
  43. {dede:arclist flag=f row=1 titlelen=50 limit=0,1}   
  44. var t0="field:title/";   
  45. {/dede:arclist}   
  46. {dede:arclist flag=f row=1 titlelen=50 limit=1,1}   
  47. var t1="field:title/";   
  48. {/dede:arclist}   
  49. {dede:arclist flag=f row=1 titlelen=50 limit=2,1}   
  50. var t2="field:title/";   
  51. {/dede:arclist}   
  52. {dede:arclist flag=f row=1 titlelen=50 limit=3,1}   
  53. var t3="field:title/";   
  54. {/dede:arclist}   
  55. //描述   
  56. {dede:arclist flag=f row=1 limit=0,1}   
  57. var describe0="field:description function="cn_substr(@me,80)"/ ";   
  58. {/dede:arclist}   
  59. {dede:arclist flag=f row=1 limit=1,1}   
  60. var describe1="field:description function="cn_substr(@me,80)"/ ";   
  61. {/dede:arclist}   
  62. {dede:arclist flag=f row=1 limit=2,1}   
  63. var describe2="field:description function="cn_substr(@me,80)"/ ";   
  64. {/dede:arclist}   
  65. {dede:arclist flag=f row=1 limit=3,1}   
  66. var describe3="field:description function="cn_substr(@me,80)"/ ";   
  67. {/dede:arclist}   
  68. //   
  69. var t=t0+"|"+t1+"|"+t2+"|"+t3;   
  70. var bigPicURL=bigPic0+"|"+bigPic1+"|"+bigPic2+"|"+bigPic3;   
  71. var smallPicURL=smallPic0+"|"+smallPic1+"|"+smallPic2+"|"+smallPic3;   
  72. var PicURL=PicURL0+"|"+PicURL1+"|"+PicURL2+"|"+PicURL3;   
  73. var describe = describe0+"|"+describe1+"|"+describe2+"|"+describe3;   
  74. //   
  75. document.write("  
  76. <object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0 width=535 height=356 ID=FSCommand NAME=focus_one align=middle>  
  77. <param name=allowScriptAccess value=sameDomain />  
  78. <param name=movie value=bnfocus.swf />  
  79. <param name=FlashVars value=bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+"/>  
  80. <param name=quality value=high />  
  81. <param name=bgcolor value=#ffffff />  
  82. <embed src=bnfocus.swf FlashVars=bigPicURL=" + bigPicURL + "&smallPicURL=" + smallPicURL + "&t="+t+"&PicURL="+PicURL+"&describe="+describe+" quality=high bgcolor=#ffffff width=535 height=356 name=focus swLiveConnect=true align=middle allowScriptAccess=sameDomain type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer />  
  83. object>  
  84. ");  
  85. script> 

幻灯片 :bnfocus.rar    需要注册官方论坛的ID ,否则下载不了哦!

上一篇:实现广告横排的方法

下一篇:织梦CMS支付宝接口问题及解决办法..

专业的织梦模板定制下载站,在线购买后即可下载!

商业源码

跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

立刻开启你的建站之旅

QQ在线客服

服务热线

织梦建站咨询