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


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 相关文章推荐
在线编辑器的实现原理(兼容IE和FireFox)
Mar 09 Javascript
一段利用WSH修改和查看IP配置的代码
May 11 Javascript
JS弹出窗口代码大全(详细整理)
Dec 21 Javascript
jquery中的on方法使用介绍
Dec 29 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
Jun 09 Javascript
JavaScript变量声明详解
Nov 27 Javascript
JavaScript数据库TaffyDB用法实例分析
Jul 27 Javascript
js图片卷帘门导航菜单特效代码分享
Sep 10 Javascript
Jquery修改image的src属性,图片不加载问题的解决方法
May 17 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
Apr 13 Javascript
微信小程序基于高德地图API实现天气组件(动态效果)
Oct 22 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
德劲1103的维修打理经验
2021/03/02 无线电
PHP二维数组的去重问题解析
2011/07/17 PHP
php在项目中寻找代码的坏味道(综艺命名)
2012/07/19 PHP
smarty获得当前url的方法分享
2014/02/14 PHP
详解PHP处理字符串类似indexof的方法函数
2017/06/11 PHP
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
jQuery中noconflict函数的实现原理分解
2015/02/03 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
基于javascript显示当前时间以及倒计时功能
2016/03/18 Javascript
jquery.qtip提示信息插件用法简单实例
2016/06/17 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
React Native 通告消息竖向轮播组件的封装
2020/08/25 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
详解webpack4.x之搭建前端开发环境
2019/03/28 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
Python中的urllib模块使用详解
2015/07/07 Python
浅析python中SQLAlchemy排序的一个坑
2017/02/24 Python
python计算n的阶乘的方法代码
2019/10/25 Python
Python:合并两个numpy矩阵的实现
2019/12/02 Python
使用pyhon绘图比较两个手机屏幕大小(实例代码)
2020/01/03 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
python如何写出表白程序
2020/06/01 Python
英国高街电视:High Street TV
2018/05/22 全球购物
创立科技Java面试题
2015/11/29 面试题
《陶罐和铁罐》教学反思
2014/02/19 职场文书
2014高中生入党思想汇报范文
2014/09/13 职场文书
小学红领巾广播稿(3篇)
2014/09/13 职场文书
2014年党员整改措施
2014/10/24 职场文书
出纳岗位职责范本
2015/03/31 职场文书
小学中队活动总结
2015/05/11 职场文书
走进毛泽东观后感
2015/06/04 职场文书
小学三年级作文之写景
2019/11/05 职场文书
MySQL索引失效场景及解决方案
2022/07/23 MySQL