编程 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异或加解密效果代码

Jun 25 Javascript

javascript 清空form表单中某种元素的值

Dec 26 Javascript

JQUERY 获取IFrame中对象及获取其父窗口中对象示例

Aug 19 Javascript

jquery控制display属性为none或block

Mar 31 Javascript

jQuery简单图表peity.js使用示例

May 02 Javascript

JS中三目运算符和if else的区别分析与示例

Nov 21 Javascript

js实现点击添加一个input节点

Dec 05 Javascript

Angularjs中的页面访问权限怎么设置

Nov 11 Javascript

JS出现失效的情况总结

Jan 20 Javascript

Vue.js 2.0中select级联下拉框实例

Mar 06 Javascript

element-ui 表格实现单元格可编辑的示例

Feb 26 Javascript

配置eslint规范项目代码风格

Mar 11 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