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


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 相关文章推荐
Prototype 学习 Prototype对象
Jul 12 Javascript
JavaScript自定义事件介绍
Aug 29 Javascript
jquery配合css简单实现返回顶部效果
Sep 30 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
Dec 17 Javascript
jquery中radio checked问题
Mar 16 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
javascript 中的继承实例详解
May 05 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
vue3.0 CLI - 1 - npm 安装与初始化的入门教程
Sep 14 Javascript
layer.alert回调函数执行关闭弹窗的实例
Sep 11 Javascript
Node.js API详解之 console模块用法详解
May 12 Javascript
工作中常用js功能汇总
Nov 07 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判断表单复选框选中状态完整例子
2014/06/24 PHP
php天翼开放平台短信发送接口实现方法
2014/12/22 PHP
PHP实现根据图片色界在不同位置加水印的方法
2015/08/08 PHP
js实现ASP分页函数 HTML分页函数
2006/09/22 Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
2011/10/16 Javascript
使用delegate方法为一个tr标签加一个链接
2014/06/27 Javascript
JS倒计时代码汇总
2014/11/25 Javascript
jquery插件bxslider用法实例分析
2015/04/16 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
深入浅析JavaScript中的Function类型
2016/07/09 Javascript
AngularGauge 属性解析详解
2016/09/06 Javascript
QRCode.js:基于JQuery的生成二维码JS库的使用
2017/06/23 jQuery
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
利用JS响应式修改vue实现页面的input值
2019/09/02 Javascript
Swiper.js实现移动端元素左右滑动
2019/09/08 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
Mac下Supervisor进程监控管理工具的安装与配置
2014/12/16 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
Django框架模板注入操作示例【变量传递到模板】
2018/12/19 Python
Python语法分析之字符串格式化
2019/06/13 Python
Python 3.8 新功能全解
2019/07/25 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
Python map及filter函数使用方法解析
2020/08/06 Python
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
Overload和Override的区别
2012/09/02 面试题
竞职演讲稿范文
2014/01/11 职场文书
兴趣小组活动总结
2014/05/05 职场文书
公司离职证明标准样本
2014/10/05 职场文书
捐助倡议书
2015/01/19 职场文书
团结主题班会
2015/08/13 职场文书
2016基督教会圣诞节开幕词
2016/03/04 职场文书
使用Navicat Premium工具将oracle数据库迁移到MySQL
2021/05/27 Oracle
mysql 获取相邻数据项
2022/05/11 MySQL
nginx 配置缓存
2022/05/11 Servers