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


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替换已存在于element上的event的方法
Mar 09 Javascript
javascript之bind使用介绍
Oct 09 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 Javascript
Javascript的严格模式strict mode详细介绍
Jun 06 Javascript
jQuery插件MovingBoxes实现左右滑动中间放大图片效果
Feb 28 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
Jun 29 Javascript
关于jQuery里prev()的简单操作代码
Oct 27 jQuery
vue v-for直接循环数字实例
Nov 07 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 Javascript
js实现计算器功能
Aug 10 Javascript
Vue实现指令式动态追加小球动画组件的步骤
Dec 18 Vue.js
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
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
WINDOWS 2000下使用ISAPI方式安装PHP
2006/09/05 PHP
php获取mysql版本的几种方法小结
2008/03/25 PHP
php 文件上传系统手记
2009/10/26 PHP
PHP以及MYSQL日期比较方法
2012/11/29 PHP
PHP中使用gettext解决国际化问题的例子(i18n)
2014/06/13 PHP
PHP经典实用正则表达式小结
2017/05/04 PHP
php app支付宝回调(异步通知)详解
2018/07/25 PHP
JSON JQUERY模板实现说明
2010/07/03 Javascript
jQuery EasyUI API 中文文档 - ComboBox组合框
2011/10/07 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
scrollWidth,clientWidth,offsetWidth的区别
2015/01/13 Javascript
JavaScript模拟重力状态下抛物运动的方法
2015/03/03 Javascript
jQuery模仿单选按钮选中效果
2016/06/24 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
微信小程序 获取微信OpenId详解及实例代码
2016/10/31 Javascript
前端主流框架vue学习笔记第二篇
2017/07/26 Javascript
解决element UI 自定义传参的问题
2018/08/22 Javascript
bootstrap table列和表头对不齐的解决方法
2019/07/19 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
Python深入学习之装饰器
2014/08/31 Python
Python单例模式实例详解
2017/03/01 Python
tensorflow实现简单的卷积网络
2018/05/24 Python
Python 微信之获取好友昵称并制作wordcloud的实例
2019/02/21 Python
python2.7的flask框架之引用js&amp;css等静态文件的实现方法
2019/08/22 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
解决使用python print打印函数返回值多一个None的问题
2020/04/09 Python
利用jupyter网页版本进行python函数查询方式
2020/04/14 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
html5利用canvas绘画二级树形结构图的示例
2017/09/27 HTML / CSS
Linux内核产生并发的原因
2012/07/13 面试题
内科护士实习自我鉴定
2013/10/17 职场文书
班长竞选演讲稿
2014/04/24 职场文书
北京奥运会口号
2014/06/21 职场文书
大卫科波菲尔读书笔记
2015/06/30 职场文书