圖片動(dòng)畫橫條廣告帶上下滾動(dòng)的JS代碼
更新時(shí)間:2013年10月25日 15:51:42 作者:
可以自定義廣告的圖片、鏈接、長、寬等。光標(biāo)移到圖片上會出現(xiàn)左右箭頭,有需要的朋友可以參考一下
復(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代碼,焦點(diǎn)圖,JS廣告代碼,JS特效代碼" />
<meta name="description" content="此代碼內(nèi)容為可調(diào)節(jié)尺寸的banner廣告條效果,屬于站長常用代碼,更多焦點(diǎn)圖代碼請?jiān)L問JS代碼頻道。" />
<title>橫條廣告帶上下滾動(dòng)_</title><base target="_blank" />
</head>
<body style="text-align:center">
<h2>橫條廣告帶上下滾動(dòng)</h2>
<div id="ad_headerbanner"><SCRIPT src="http://www.dbjr.com.cn/jb51/phtml/flash/js/jb51.falsh.js" type=text/javascript></SCRIPT>
<SCRIPT type=text/javascript>
<!--
var fp_pics="",fp_links="";
//廣告圖片與鏈接
fp_pics += "§"+"http://www.dbjr.com.cn/jb51/phtml/flash/images/w1.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://www.dbjr.com.cn/a/bjac/3wjq3xm2.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http://www.dbjr.com.cn/jb51/phtml/flash/images/w2.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://www.dbjr.com.cn/a/bjac/06r1x7tg.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http://www.dbjr.com.cn/jb51/phtml/flash/images/w3.jpg"; //廣告圖片地址
fp_links += "§"+escape("http://www.dbjr.com.cn/a/bjac/gucmqug3.htm"); //廣告鏈接地址
fp_pics=fp_pics.substring(1);
fp_links=fp_links.substring(1);
//默認(rèn)圖片與鏈接
var def_pic = "images/w2.jpg"; //默認(rèn)圖片地址
var def_link = escape("http://www.dbjr.com.cn/"); //默認(rèn)圖片鏈接
var FP = new zadaiFlash("http://www.dbjr.com.cn/jb51/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"); //間隔時(shí)間
FP.addVariable("wait_time", "2000"); //等待時(shí)間
FP.addVariable("pics", fp_pics); //廣告圖片地址
FP.addVariable("urls", fp_links); //廣告鏈接地址
FP.addVariable("def_pic", def_pic); //默認(rèn)圖片地址
FP.addVariable("def_link", def_link); //默認(rèn)鏈接地址
FP.write("ad_headerbanner");
//-->
</SCRIPT></div>
<br><br>
<p><a href="http://www.dbjr.com.cn/a/bjac/8qx83gls.htm">原文</a> 代碼整理:<a href="http://www.dbjr.com.cn/" target="_blank"></a></p>
</body>
</html>
您可能感興趣的文章:
- JavaScript canvas實(shí)現(xiàn)圍繞旋轉(zhuǎn)動(dòng)畫
- 圖片的左右移動(dòng),js動(dòng)畫效果實(shí)現(xiàn)代碼
- 原生JS實(shí)現(xiàn)勻速圖片輪播動(dòng)畫
- js實(shí)現(xiàn)圖片切換(動(dòng)畫版)
- JavaScript+html5 canvas實(shí)現(xiàn)圖片破碎重組動(dòng)畫特效
- js動(dòng)畫效果制件讓圖片組成動(dòng)畫代碼分享
- js、jquery圖片動(dòng)畫、動(dòng)態(tài)切換示例代碼
- jQuery插件ImageDrawer.js實(shí)現(xiàn)動(dòng)態(tài)繪制圖片動(dòng)畫(附源碼下載)
- javascript轉(zhuǎn)換靜態(tài)圖片,增加粒子動(dòng)畫效果
- JS實(shí)現(xiàn)圖片旋轉(zhuǎn)動(dòng)畫效果封裝與使用示例
相關(guān)文章
當(dāng)前流行的JavaScript代碼風(fēng)格指南
這篇文章主要介紹了當(dāng)前流行的JavaScript代碼風(fēng)格指南,同時(shí)推薦了一款風(fēng)格檢驗(yàn)工具jshint,可以配合大多數(shù)的編輯器統(tǒng)一團(tuán)隊(duì)代碼風(fēng)格,需要的朋友可以參考下2014-09-09BootStrap selectpicker后臺動(dòng)態(tài)綁定數(shù)據(jù)的方法
這篇文章主要為大家詳細(xì)介紹了BootStrap selectpicker后臺動(dòng)態(tài)綁定數(shù)據(jù)的方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07js操作數(shù)組函數(shù)實(shí)例小結(jié)
這篇文章主要介紹了js操作數(shù)組函數(shù),實(shí)例分析了JavaScript針對數(shù)組刪除指定元素、去重及刪除指定下標(biāo)元素的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-12-12