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


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 相关文章推荐
jQuery1.6 使用方法一
Nov 23 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
js定时器怎么写?就是在特定时间执行某段程序
Oct 11 Javascript
node.js中的http.response.setHeader方法使用说明
Dec 14 Javascript
js学习总结之DOM2兼容处理顺序问题的解决方法
Jul 27 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
JS实现div模块的截图并下载功能
Oct 17 Javascript
vue项目中axios使用详解
Feb 07 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 Javascript
JS实现时间校验的代码
May 25 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
You might like
php 如何获取数组第一个值
2013/08/06 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
ThinkPHP框架设计及扩展详解
2014/11/25 PHP
ThinkPHP3.2.3框架实现执行原生SQL语句的方法示例
2019/04/03 PHP
扩展String功能方法
2006/09/22 Javascript
javascript add event remove event
2008/04/07 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
在浏览器窗口上添加遮罩层的方法
2012/11/12 Javascript
关于删除时的提示处理(确定删除吗)
2013/11/03 Javascript
JS画线(实例代码)
2013/11/20 Javascript
js数值计算时使用parseInt进行数据类型转换(jquery)
2014/10/07 Javascript
jQuery中height()方法用法实例
2014/12/24 Javascript
JS基于myFocus库实现各种功能的tab选项卡切换效果
2015/09/19 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
前端编码规范(3)JavaScript 开发规范
2017/01/21 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
JS中的算法与数据结构之栈(Stack)实例详解
2019/08/20 Javascript
Layui动态生成select下拉选择框不显示的解决方法
2019/09/24 Javascript
python中plot实现即时数据动态显示方法
2018/06/22 Python
Python 使用 PyQt5 开发的关机小工具分享
2020/07/16 Python
python从Oracle读取数据生成图表
2020/10/14 Python
Python urlopen()参数代码示例解析
2020/12/10 Python
Canvas与Image互相转换示例代码
2013/08/09 HTML / CSS
全球知名巧克力品牌:Godiva
2016/07/22 全球购物
档案接收函范文
2014/01/10 职场文书
《九色鹿》教学反思
2014/02/27 职场文书
葬礼司仪主持词
2014/03/31 职场文书
解除劳动合同证明书模板
2014/11/20 职场文书
答谢词范文
2015/01/05 职场文书
幼儿园感谢信
2015/01/21 职场文书
广播体操比赛主持词
2015/06/29 职场文书
2015年国庆节标语大全
2015/07/30 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
MySQL锁机制
2021/04/05 MySQL
如何获取numpy array前N个最大值
2021/05/14 Python
分享Python获取本机IP地址的几种方法
2022/03/17 Python