DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 橫條廣告帶上下滾動
橫條廣告帶上下滾動
編輯:關於JavaScript     
查看效果:http:///keleyi/phtml/flash/

可以自定義廣告的圖片、鏈接、長、寬等。光標移到圖片上會出現左右箭頭。

以下是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="此代碼內容為可調節尺寸的banner廣告條效果,屬於站長常用代碼,更多焦點圖代碼請訪問JS代碼頻道。" />
<title>橫條廣告帶上下滾動_</title><base target="_blank" />
</head>
<body style="text-align:center">
<h2>橫條廣告帶上下滾動</h2>
<div id="ad_headerbanner"><SCRIPT src="http:///keleyi/phtml/flash/js/keleyi.falsh.js" type=text/javascript></SCRIPT>

<SCRIPT type=text/javascript>
<!--
var fp_pics="",fp_links="";
//廣告圖片與鏈接
fp_pics += "§"+"http:///keleyi/phtml/flash/images/w1.jpg"; //廣告圖片地址
fp_links += "§"+escape("http:///a/bjac/3wjq3xm2.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http:///keleyi/phtml/flash/images/w2.jpg"; //廣告圖片地址
fp_links += "§"+escape("http:///a/bjac/06r1x7tg.htm"); //廣告鏈接地址
//廣告圖片與鏈接
fp_pics += "§"+"http:///keleyi/phtml/flash/images/w3.jpg"; //廣告圖片地址
fp_links += "§"+escape("http:///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:///"); //默認圖片鏈接

var FP = new zadaiFlash("http:///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>
<p><a href="http:///a/bjac/8qx83gls.htm">原文</a> 代碼整理:<a href="http:///" target="_blank"></a></p>
</body>
</html>


點擊這裡下載
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved