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


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编程起步(第五课)
Feb 27 Javascript
用jQuery简化JavaScript开发分析
Feb 19 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
js读取json的两种常用方法示例介绍
Oct 19 Javascript
Html中 IFrame的用法及注意点
Dec 22 Javascript
JS求解三元一次方程组值的方法
Jan 03 Javascript
Vue与Node.js通过socket.io通信的示例代码
Jul 25 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
layui实现table加载的示例代码
Aug 14 Javascript
WebSocket的简单介绍及应用
May 23 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 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 一个页面执行时间类代码
2010/03/05 PHP
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
解析thinkphp基本配置 convention.php
2013/06/18 PHP
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
腾讯微博提示missing parameter errorcode 102 错误的解决方法
2014/12/22 PHP
微信公众平台接口开发入门示例
2014/12/24 PHP
ECshop 迁移到 PHP7版本时遇到的兼容性问题
2016/02/15 PHP
CakePHP框架Model函数定义方法示例
2017/08/04 PHP
PHP基于GD2函数库实现验证码功能示例
2019/01/27 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
PHP设计模式之PHP迭代器模式讲解
2019/03/22 PHP
php redis setnx分布式锁简单原理解析
2020/10/23 PHP
JS 如果改变span标签的是否隐藏属性
2011/10/06 Javascript
jQuery中on()方法用法实例
2015/01/19 Javascript
深入理解requestAnimationFrame的动画循环
2016/09/20 Javascript
jQuery html表格排序插件tablesorter使用方法详解
2017/02/10 Javascript
微信小程序 数据遍历的实现
2017/04/05 Javascript
vue2中filter()的实现代码
2017/07/09 Javascript
angular2 ng2-file-upload上传示例代码
2018/08/23 Javascript
深入了解JavaScript 私有化
2019/05/30 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
如何检测JavaScript中的死循环示例详解
2020/08/30 Javascript
[03:02]辉夜杯主赛事第二日 每日之星
2015/12/27 DOTA
python将图片文件转换成base64编码的方法
2015/03/14 Python
Python设计模式中单例模式的实现及在Tornado中的应用
2016/03/02 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
pandas 数据结构之Series的使用方法
2019/06/21 Python
Python捕获异常堆栈信息的几种方法(小结)
2020/05/18 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
社区文化建设方案
2014/05/02 职场文书
五一活动标语
2014/06/30 职场文书
迎新生欢迎词
2015/01/23 职场文书
详解Flutter和Dart取消Future的三种方法
2022/04/07 Java/Android
python中使用redis用法详解
2022/12/24 Redis