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


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 学习之二 属性(html()与html(val))
Nov 25 Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
javascript获取元素CSS样式代码示例
Nov 28 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
jquery.mousewheel实现整屏翻屏效果
Aug 30 Javascript
ReactJs实现树形结构的数据显示的组件的示例
Aug 18 Javascript
Vue-resource拦截器判断token失效跳转的实例
Oct 27 Javascript
vue项目实现github在线预览功能
Jun 20 Javascript
通过循环优化 JavaScript 程序
Jun 24 Javascript
IE11下处理Promise及Vue的单项数据流问题
Jul 24 Javascript
JS实现横向轮播图(中级版)
Jan 18 Javascript
vue中的循环对象属性和属性值用法
Sep 04 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 求质素(素数) 的实现代码
2011/04/12 PHP
关于尾递归的使用详解
2013/05/02 PHP
PHP获取当前页面URL函数实例
2014/10/22 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
JavaScript 继承详解 第一篇
2009/08/30 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
js使用循环清空某个div中的input标签值
2014/09/29 Javascript
分享15个大家都熟知的jquery小技巧
2015/12/02 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
Bootstrap与KnockoutJs相结合实现分页效果实例详解
2016/05/03 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
JS错误处理与调试操作实例分析
2020/04/13 Javascript
python正则表达式修复网站文章字体不统一的解决方法
2013/02/21 Python
Python 文件和输入输出小结
2013/10/09 Python
python使用Image处理图片常用技巧分析
2015/06/01 Python
python cx_Oracle模块的安装和使用详细介绍
2017/02/13 Python
Python中格式化format()方法详解
2017/04/01 Python
python实现list由于numpy array的转换
2018/04/04 Python
Python 网络爬虫--关于简单的模拟登录实例讲解
2018/06/01 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
python opencv将表格图片按照表格框线分割和识别
2019/10/30 Python
python enumerate内置函数用法总结
2020/01/07 Python
python 通过文件夹导入包的操作
2020/06/01 Python
如何利用Python写个坦克大战
2020/11/18 Python
在使用非全零作为空指针内部表达的机器上, NULL是如何定义
2014/11/09 面试题
办公室保洁员岗位职责
2013/12/02 职场文书
保护野生动物倡议书
2014/05/16 职场文书
安全宣传标语
2014/06/10 职场文书
四风自我剖析材料
2014/09/30 职场文书
新郎婚礼答谢词
2015/01/04 职场文书
个人自荐书怎么写
2015/03/26 职场文书
ES6 解构赋值的原理及运用
2021/05/25 Javascript
Redis特殊数据类型Geospatial地理空间
2022/06/01 Redis