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


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 相关文章推荐
Jquery中显示隐藏的实现代码分析
Jul 26 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
Aug 10 Javascript
DOM基础教程之模型中的模型节点
Jan 19 Javascript
js闭包实现按秒计数
Apr 23 Javascript
javascript精确统计网站访问量实例代码
Dec 19 Javascript
Node.js+Express配置入门教程
May 19 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
Dec 23 Javascript
JavaScript轮播停留效果的实现思路
May 24 Javascript
小程序hover-class点击态效果实现
Feb 26 Javascript
vue中英文切换实例代码
Jan 21 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 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学习之function的用法
2012/07/14 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
PHP编写daemon process 实例详解
2016/11/13 PHP
JavaScript 小型打飞机游戏实现原理说明
2010/10/28 Javascript
javascript结合fileReader 实现上传图片
2015/01/30 Javascript
js图片模糊切换显示特效的方法
2015/02/17 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
2016/04/14 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
JS前端加密算法示例
2016/12/22 Javascript
温故知新——JavaScript中的字符串连接问题最全总结(推荐)
2017/08/21 Javascript
微信小程序swiper组件用法实例分析【附源码下载】
2017/12/07 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
vue中选项卡点击切换且能滑动切换功能的实现代码
2018/11/25 Javascript
vuecli项目构建SSR服务端渲染的实现
2020/10/30 Javascript
Python实现Const详解
2015/01/27 Python
Python八大常见排序算法定义、实现及时间消耗效率分析
2018/04/27 Python
python3 selenium 切换窗口的几种方法小结
2018/05/21 Python
python tkinter界面居中显示的方法
2018/10/11 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
解决python 文本过滤和清理问题
2019/08/28 Python
Win下PyInstaller 安装和使用教程
2019/12/25 Python
浅谈html5增强的页面元素
2016/06/14 HTML / CSS
美国杂志订阅折扣与优惠网站:Magazines.com
2016/08/31 全球购物
美国电视购物:QVC
2017/02/06 全球购物
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
What's the difference between deep copy and shallow copy? (深拷贝与浅拷贝有什么区别)
2015/11/10 面试题
红旗团支部事迹材料
2014/01/27 职场文书
门市房租房协议书
2014/12/04 职场文书
社区活动总结
2015/02/04 职场文书
离婚承诺书格式范文
2015/05/04 职场文书
电影小兵张嘎观后感
2015/06/03 职场文书
关于感恩的歌曲整理(8首)
2019/08/14 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书