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


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 相关文章推荐
不要在cookie中使用特殊字符的原因分析
Jul 13 Javascript
六款帮助你实现惊艳视差滚动效果的jQuery插件
Sep 14 Javascript
Eval and new funciton not the same thing
Dec 27 Javascript
js获取元素到文档区域document的(横向、纵向)坐标的两种方法
May 17 Javascript
js中indexof的用法详细解析
Dec 24 Javascript
ie下$.getJSON出现问题的解决方法
Feb 12 Javascript
Node.js中使用计时器定时执行函数详解
Aug 15 Javascript
页面内容排序插件jSort使用方法
Oct 10 Javascript
bootstrap table表格插件使用详解
May 08 Javascript
Vue父组件调用子组件事件方法
Feb 23 Javascript
element-ui table span-method(行合并)的实现代码
Dec 20 Javascript
vue.js实现备忘录demo
Jun 26 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
打造计数器DIY三步曲(下)
2006/10/09 PHP
PHP 检查扩展库或函数是否可用的代码
2010/04/06 PHP
使用php清除bom示例
2014/03/03 PHP
php上传文件问题汇总
2015/01/30 PHP
Ucren Virtual Desktop V2.0
2006/11/07 Javascript
js动态删除div元素基本思路及实现代码
2014/05/08 Javascript
javascript学习小结之prototype
2015/12/03 Javascript
详解js中构造流程图的核心技术JsPlumb(2)
2015/12/08 Javascript
认识Knockout及如何使用Knockout绑定上下文
2015/12/25 Javascript
Vue.js递归组件构建树形菜单
2017/12/24 Javascript
Vue使用mixins实现压缩图片代码
2018/03/14 Javascript
js与jQuery实现获取table中的数据并拼成json字符串操作示例
2018/07/12 jQuery
vue-cli脚手架搭建的项目去除eslint验证的方法
2018/09/29 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
微信小程序 冒泡事件原理解析
2019/09/27 Javascript
Laravel 如何在blade文件中使用Vue组件的示例代码
2020/06/28 Javascript
[43:43]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第三场 11.29
2020/12/02 DOTA
Python 安装setuptools和pip工具操作方法(必看)
2017/05/22 Python
Python实现向服务器请求压缩数据及解压缩数据的方法示例
2017/06/09 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
wxPython修改文本框颜色过程解析
2020/02/14 Python
python实现遍历文件夹图片并重命名
2020/03/23 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
基于HTML5的齿轮动画特效
2016/02/29 HTML / CSS
英国派对礼服和连衣裙购物网站:TFNC London
2018/07/07 全球购物
网络安全方面的面试题
2016/01/07 面试题
什么是跨站脚本攻击
2014/12/11 面试题
社区母亲节活动记录
2014/03/06 职场文书
医德医风演讲稿
2014/05/20 职场文书
元旦联欢会策划方案
2014/06/11 职场文书
社区志愿者活动总结
2014/06/26 职场文书
一年级数学上册复习计划
2015/01/17 职场文书
护士个人年度总结范文
2015/02/13 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python