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


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 相关文章推荐
JavaScript confirm选择判断
Oct 18 Javascript
extjs grid设置某列背景颜色和字体颜色的实现方法
Sep 06 Javascript
JavaScript实现继承的4种方法总结
Oct 16 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
Jun 07 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
Oct 30 Javascript
javascript操作cookie
Jan 17 Javascript
Javascript之图片的延迟加载的实例详解
Jul 24 Javascript
Vue单页应用引用单独的样式文件的两种方式
Mar 30 Javascript
Node.js事件的正确使用方法
Apr 05 Javascript
24个ES6方法解决JS实际开发问题(小结)
May 31 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 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
apache rewrite_module模块使用教程
2008/01/10 PHP
hessian 在PHP中的使用介绍
2010/12/13 PHP
PHP版本常用的排序算法汇总
2015/12/20 PHP
yii2框架中使用下拉菜单的自动搜索yii-widget-select2实例分析
2016/01/09 PHP
PHP count()函数讲解
2019/02/03 PHP
jQuery 类twitter的文本字数限制带提示效果插件
2010/04/16 Javascript
jQuery选择器中含有空格的使用示例及注意事项
2013/08/25 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
jQuery EasyUI Pagination实现分页的常用方法
2016/05/21 Javascript
js判断复选框是否选中及选中个数的实现代码
2016/05/30 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
JavaScript的继承实现小结
2017/05/07 Javascript
详解如何在Angular中快速定位DOM元素
2017/05/17 Javascript
ExtJs异步无法向外传值和赋值的完美解决办法
2017/06/14 Javascript
浅谈箭头函数写法在ReactJs中的使用
2017/08/22 Javascript
基于js原生和ajax的get和post方法以及jsonp的原生写法实例
2017/10/16 Javascript
用Node编写RESTful API接口的示例代码
2018/07/04 Javascript
JS面向对象编程——ES6 中class的继承用法详解
2020/03/03 Javascript
ES5和ES6中类的区别总结
2020/12/21 Javascript
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python基础教程之字典操作详解
2014/03/25 Python
Python中的ceil()方法使用教程
2015/05/14 Python
Python2.x版本中maketrans()方法的使用介绍
2015/05/19 Python
Python通过正则表达式选取callback的方法
2015/07/18 Python
对Python发送带header的http请求方法详解
2019/01/02 Python
Python循环结构的应用场景详解
2019/07/11 Python
Python爬虫 批量爬取下载抖音视频代码实例
2019/08/16 Python
Python configparser模块封装及构造配置文件
2020/08/07 Python
详解Python yaml模块
2020/09/23 Python
Python3 pyecharts生成Html文件柱状图及折线图代码实例
2020/09/29 Python
俄罗斯化妆品和香水网上商店:Iledebeaute
2019/01/03 全球购物
Notino罗马尼亚网站:购买香水和化妆品
2019/07/20 全球购物
如何填写个人简历自我评价
2013/12/10 职场文书
运动会广播稿400字
2014/01/25 职场文书
闪闪红星观后感
2015/06/08 职场文书
2016春季运动会前导词
2015/11/25 职场文书