编程 Javascript

图片动画横条广告带上下滚动可自定义图片、链接等等

Posted in Javascript onOctober 20, 2013

可以自定义广告的图片、链接、长、宽等。光标移到图片上会出现左右箭头。

以下是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.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>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js+FSO遍历文件夹下文件并显示

Mar 07 Javascript

JavaScript字符串String和Array操作的有趣方法

Dec 18 Javascript

js实现杯子倒水问题自动求解程序

Mar 25 Javascript

一款简单的jQuery图片标注效果附源码下载

Mar 22 Javascript

JS代码随机生成姓名、手机号、身份证号、银行卡号

Apr 27 Javascript

原生js的数组除重复简单实例

May 24 Javascript

js实现统计字符串中特定字符出现个数的方法

Aug 02 Javascript

Javascript在IE和Firefox浏览器常见兼容性问题总结

Aug 03 Javascript

[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例

Aug 29 Javascript

JavaScript控制浏览器全屏显示简单示例

Jul 05 Javascript

Vee-validate 父组件获取子组件表单校验结果的实例代码

May 20 Javascript

JavaScript实现留言板案例

Mar 17 Javascript

jQuery 属性选择器element[herf*='value']使用示例

Oct 20 #Javascript

js数组的基本用法及数组根据下标(数值或字符)移除元素

Oct 20 #Javascript

浏览器的JavaScript引擎的识别方法

Oct 20 #Javascript

JS实现点击图片在当前页面放大并可关闭的漂亮效果

Oct 18 #Javascript

jquery 循环显示div的示例代码

Oct 18 #Javascript

使用CSS和jQuery模拟select并附提交后取得数据的代码

Oct 18 #Javascript

简单实用的全选反选按钮例子

Oct 18 #Javascript