图片动画横条广告带上下滚动
生活随笔
收集整理的這篇文章主要介紹了
图片动画横条广告带上下滚动
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
查看效果:http://keleyi.com/keleyi/phtml/flash/
以下是HTML文件代碼:
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <meta name="keywords" content="JS代碼,焦點圖,JS廣告代碼,JS特效代碼" /> 6 <meta name="description" content="此代碼內容為可調節尺寸的banner廣告條效果,屬于站長常用代碼,更多焦點圖代碼請訪問柯樂義JS代碼頻道。" /> 7 <title>橫條廣告帶上下滾動_柯樂義</title><base target="_blank" /> 8 </head> 9 <body style="text-align:center"> 10 <h2>橫條廣告帶上下滾動</h2> 11 <div id="ad_headerbanner"><SCRIPT src="http://keleyi.com/keleyi/phtml/flash/js/keleyi.falsh.js" type=text/javascript></SCRIPT> 12 13 <SCRIPT type=text/javascript> 14 <!-- 15 var fp_pics="",fp_links=""; 16 //廣告圖片與鏈接 17 fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w1.jpg"; //廣告圖片地址 18 fp_links += "§"+escape("http://keleyi.com/a/bjac/3wjq3xm2.htm"); //廣告鏈接地址 19 //廣告圖片與鏈接 20 fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w2.jpg"; //廣告圖片地址 21 fp_links += "§"+escape("http://keleyi.com/a/bjac/06r1x7tg.htm"); //廣告鏈接地址 22 //廣告圖片與鏈接 23 fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w3.jpg"; //廣告圖片地址 24 fp_links += "§"+escape("http://keleyi.com/a/bjac/gucmqug3.htm"); //廣告鏈接地址 25 fp_pics=fp_pics.substring(1); 26 fp_links=fp_links.substring(1); 27 //默認圖片與鏈接 28 var def_pic = "images/w2.jpg"; //默認圖片地址 29 var def_link = escape("http://keleyi.com/"); //默認圖片鏈接 30 31 var FP = new zadaiFlash("http://keleyi.com/keleyi/phtml/flash/flipper.swf", "FP_L_swf", 950, 90, "7", "#FFFFFF", false, "High"); 32 FP.addParam("menu", "false"); 33 FP.addParam("wmode", "transparent"); 34 FP.addVariable("pic_width", "950"); //圖片寬 35 FP.addVariable("pic_height", "90"); //圖片高 36 FP.addVariable("flip_time", "300"); //翻牌速度 37 FP.addVariable("pause_time", "2000"); //間隔時間 38 FP.addVariable("wait_time", "2000"); //等待時間 39 FP.addVariable("pics", fp_pics); //廣告圖片地址 40 FP.addVariable("urls", fp_links); //廣告鏈接地址 41 FP.addVariable("def_pic", def_pic); //默認圖片地址 42 FP.addVariable("def_link", def_link); //默認鏈接地址 43 FP.write("ad_headerbanner"); 44 //--> 45 </SCRIPT></div> 46 <br><br> 47 <p><a href="http://keleyi.com/a/bjac/8qx83gls.htm">原文</a> 代碼整理:<a href="http://keleyi.com/" target="_blank">柯樂義</a></p> 48 </body> 49 </html>web前端:http://www.cnblogs.com/jihua/p/webfront.html
最新請參考:http://keleyi.com/a/bjac/8qx83gls.htm
?點擊這里下載
總結
以上是生活随笔為你收集整理的图片动画横条广告带上下滚动的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: VTP实现VLAN同步
- 下一篇: [转载]ns2在linux安装过程