圖片動畫橫條廣告帶上下滾動可自定義圖片、鏈接等等
更新時間:2013年10月20日 11:20:25 作者:
可以自定義廣告的圖片、鏈接、長、寬等。光標移到圖片上會出現(xiàn)左右箭頭,感興趣的朋友可以嘗試測試下
可以自定義廣告的圖片、鏈接、長、寬等。光標移到圖片上會出現(xiàn)左右箭頭。
以下是HTML文件代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JS代碼,焦點圖,JS廣告代碼,JS特效代碼" />
<meta name="description" content="此代碼內(nèi)容為可調(diào)節(jié)尺寸的banner廣告條效果,屬于站長常用代碼,更多焦點圖代碼請訪問柯樂義JS代碼頻道。" />
<title>橫條廣告帶上下滾動_柯樂義</title><base target="_blank" />
</head>
<body style="text-align:center">
<h2>橫條廣告帶上下滾動</h2>
<div id="ad_headerbanner"><SCRIPT src="http://keleyi.com/keleyi/phtml/flash/js/keleyi.falsh.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
<!--
var fp_pics="",fp_links="";
//廣告圖片與鏈接
fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w1.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://keleyi.com/a/bjac/3wjq3xm2.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w2.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://keleyi.com/a/bjac/06r1x7tg.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w3.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://keleyi.com/a/bjac/gucmqug3.htm"); //廣告鏈接地址
fp_pics=fp_pics.substring(1);
fp_links=fp_links.substring(1);
//默認圖片與鏈接
var def_pic = "images/w2.jpg"; //默認圖片地址
var def_link = escape("http://keleyi.com/"); //默認圖片鏈接
var FP = new zadaiFlash("http://keleyi.com/keleyi/phtml/flash/flipper.swf", "FP_L_swf", 950, 90, "7", "#FFFFFF", false, "High");
FP.addParam("menu", "false");
FP.addParam("wmode", "transparent");
FP.addVariable("pic_width", "950"); //圖片寬
FP.addVariable("pic_height", "90"); //圖片高
FP.addVariable("flip_time", "300"); //翻牌速度
FP.addVariable("pause_time", "2000"); //間隔時間
FP.addVariable("wait_time", "2000"); //等待時間
FP.addVariable("pics", fp_pics); //廣告圖片地址
FP.addVariable("urls", fp_links); //廣告鏈接地址
FP.addVariable("def_pic", def_pic); //默認圖片地址
FP.addVariable("def_link", def_link); //默認鏈接地址
FP.write("ad_headerbanner");
//-->
</SCRIPT></div>
<br><br>
</body>
</html>
以下是HTML文件代碼:
復(fù)制代碼 代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="JS代碼,焦點圖,JS廣告代碼,JS特效代碼" />
<meta name="description" content="此代碼內(nèi)容為可調(diào)節(jié)尺寸的banner廣告條效果,屬于站長常用代碼,更多焦點圖代碼請訪問柯樂義JS代碼頻道。" />
<title>橫條廣告帶上下滾動_柯樂義</title><base target="_blank" />
</head>
<body style="text-align:center">
<h2>橫條廣告帶上下滾動</h2>
<div id="ad_headerbanner"><SCRIPT src="http://keleyi.com/keleyi/phtml/flash/js/keleyi.falsh.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
<!--
var fp_pics="",fp_links="";
//廣告圖片與鏈接
fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w1.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://keleyi.com/a/bjac/3wjq3xm2.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w2.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://keleyi.com/a/bjac/06r1x7tg.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http://keleyi.com/keleyi/phtml/flash/images/w3.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://keleyi.com/a/bjac/gucmqug3.htm"); //廣告鏈接地址
fp_pics=fp_pics.substring(1);
fp_links=fp_links.substring(1);
//默認圖片與鏈接
var def_pic = "images/w2.jpg"; //默認圖片地址
var def_link = escape("http://keleyi.com/"); //默認圖片鏈接
var FP = new zadaiFlash("http://keleyi.com/keleyi/phtml/flash/flipper.swf", "FP_L_swf", 950, 90, "7", "#FFFFFF", false, "High");
FP.addParam("menu", "false");
FP.addParam("wmode", "transparent");
FP.addVariable("pic_width", "950"); //圖片寬
FP.addVariable("pic_height", "90"); //圖片高
FP.addVariable("flip_time", "300"); //翻牌速度
FP.addVariable("pause_time", "2000"); //間隔時間
FP.addVariable("wait_time", "2000"); //等待時間
FP.addVariable("pics", fp_pics); //廣告圖片地址
FP.addVariable("urls", fp_links); //廣告鏈接地址
FP.addVariable("def_pic", def_pic); //默認圖片地址
FP.addVariable("def_link", def_link); //默認鏈接地址
FP.write("ad_headerbanner");
//-->
</SCRIPT></div>
<br><br>
</body>
</html>
相關(guān)文章
淺談JavaScript 函數(shù)參數(shù)傳遞到底是值傳遞還是引用傳遞
下面小編就為大家?guī)硪黄獪\談JavaScript 函數(shù)參數(shù)傳遞到底是值傳遞還是引用傳遞。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08Js(JavaScript)中,彈出是或否的選擇框示例(confirm用法的實例分析)
以下是對confirm的用法進行了分析介紹,需要的朋友可以參考下2013-07-07JavaScript 實現(xiàn)自己的安卓手機自動化工具腳本(推薦)
這篇文章主要介紹了 JavaScript 實現(xiàn)自己的安卓手機自動化工具腳本,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-05-05JavaScript數(shù)值轉(zhuǎn)換的三種方式總結(jié)
JavaScript數(shù)值轉(zhuǎn)換一般有三種方式,Number(param)函數(shù)、parseInt(param)、parseIFloat(param),下面為大家詳細介紹,需要的朋友可以參考下2014-07-07JavaScript(js)處理的HTML事件、鍵盤事件、鼠標事件簡單示例
這篇文章主要介紹了JavaScript(js)處理的HTML事件、鍵盤事件、鼠標事件,結(jié)合實例形式分析了JavaScript針對HTML事件、鍵盤事件及鼠標事件的簡單處理方法,需要的朋友可以參考下2019-11-11微信小程序?qū)崿F(xiàn)滑動切換自定義頁碼的方法分析
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)滑動切換自定義頁碼的方法,結(jié)合實例形式分析了微信小程序頁碼動態(tài)切換相關(guān)實現(xiàn)技巧與注意事項,需要的朋友可以參考下2018-12-12獲取JS中網(wǎng)頁各種高寬與位置的方法總結(jié)
本文詳細羅列了如何在javascript獲取網(wǎng)頁各種高寬及位置,內(nèi)容比較全面,有需要的可以參考一下。2016-07-07