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


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事件冒泡传递(cancelBubble 、stopPropagation)
May 08 Javascript
Jquery优化效率 提升性能解决方案
Sep 06 Javascript
JavaScript的事件绑定(方便不支持js的时候)
Oct 01 Javascript
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 Javascript
Javascript中的delete操作符详细介绍
Jun 06 Javascript
JavaScript多图片上传案例
Sep 28 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
详解JavaScript对象序列化
Jan 19 Javascript
微信小程序商城项目之商品属性分类(4)
Apr 17 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
Apr 19 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
es6数组的flat(),flatMap()函数用法实例分析
Apr 18 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 项目的方法
2007/01/02 PHP
在WINDOWS中设置计划任务执行PHP文件的方法
2011/12/19 PHP
PHP封装的HttpClient类用法实例
2015/06/17 PHP
Laravel实现ApiToken认证请求
2019/10/14 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
Javascript 写的简单进度条控件
2008/01/22 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
PHP结合jQuery实现红蓝投票功能特效
2015/07/22 Javascript
js+html5实现的自由落体运动效果代码
2016/01/28 Javascript
jQuery使用正则表达式限制文本框只能输入数字
2016/06/18 Javascript
js实现右键菜单功能
2016/11/28 Javascript
关于vuejs中v-if和v-show的区别及v-show不起作用问题
2018/03/26 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
Jquery实现获取子元素的方法分析
2019/08/24 jQuery
JS如何在数组指定位置插入元素
2020/03/10 Javascript
让IDE识别webpack的别名alias的实现方法
2020/05/06 Javascript
python中Flask框架简单入门实例
2015/03/21 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
Python的高阶函数用法实例分析
2019/04/11 Python
使用Python爬虫库BeautifulSoup遍历文档树并对标签进行操作详解
2020/01/25 Python
css3动画效果抖动解决方法
2018/09/03 HTML / CSS
基于html5 DeviceOrientation 实现微信摇一摇功能
2015/09/25 HTML / CSS
详解html5 canvas 微信海报分享(个人爬坑)
2018/01/12 HTML / CSS
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
美国紧身牛仔裤品牌:NYDJ
2017/05/24 全球购物
英国女装网上商店:I Saw It First
2018/10/18 全球购物
在weblogic中发布ejb需涉及到哪些配置文件
2012/01/17 面试题
商务英语专业毕业生自荐信
2013/11/05 职场文书
银行先进个人事迹材料
2014/05/11 职场文书
学校社会实践活动总结
2014/07/03 职场文书
授权收款委托书范本
2014/10/10 职场文书
开展批评与自我批评发言材料
2014/10/17 职场文书
学院党委班子四风问题自查报告及整改措施
2014/10/25 职场文书
就业推荐表院系意见
2015/06/05 职场文书
公务员廉洁从政心得体会
2016/01/19 职场文书
一起来看看Vue的核心原理剖析
2022/03/24 Vue.js