图片动画横条广告带上下滚动的JS代码

更新时间：2013年10月25日 15:51:42 作者：

可以自定义广告的图片、链接、长、宽等。光标移到图片上会出现左右箭头，有需要的朋友可以参考一下

<!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="https://www.jb51.net/jb51/phtml/flash/js/jb51.falsh.js" type=text/javascript></SCRIPT>  

<SCRIPT type=text/javascript>  
<!--  
var fp_pics="",fp_links="";  
//广告图片与链接  
fp_pics += "§"+"https://www.jb51.net/jb51/phtml/flash/images/w1.jpg"; //广告图片地址  
fp_links += "§"+escape("https://www.jb51.net/a/bjac/3wjq3xm2.htm"); //广告链接地址  
//广告图片与链接  
fp_pics += "§"+"https://www.jb51.net/jb51/phtml/flash/images/w2.jpg"; //广告图片地址  
fp_links += "§"+escape("https://www.jb51.net/a/bjac/06r1x7tg.htm"); //广告链接地址  
//广告图片与链接  
fp_pics += "§"+"https://www.jb51.net/jb51/phtml/flash/images/w3.jpg"; //广告图片地址  
fp_links += "§"+escape("https://www.jb51.net/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("https://www.jb51.net/"); //默认图片链接  

var FP = new zadaiFlash("https://www.jb51.net/jb51/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>  
<p><a href="https://www.jb51.net/a/bjac/8qx83gls.htm">原文</a> 代码整理：<a href="https://www.jb51.net/" target="_blank"></a></p>  
</body> 
</html>  

您可能感兴趣的文章:

js拦截alert对话框另类应用
alert对话框的使用给用户带来了很多的方便，而有些时候不希望让它存在，接下来介绍如何使用js拦截alert对话框,感兴趣的朋友可以了解下
2013-01-01
使用JS编写的随机抽取号码的小程序
这篇文章主要介绍了使用JS编写的随机抽取号码的小程序功能,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2017-08-08
微信小程序实战之打卡时钟的绘制
这篇文章主要介绍了如何利用微信小程序制作一个打卡时钟，分为工作和休息两种状态，用户可以设置相应的时间，所有的时钟记录都会被保存下来，感兴趣的可以了解一下
2022-04-04
当前流行的JavaScript代码风格指南
这篇文章主要介绍了当前流行的JavaScript代码风格指南,同时推荐了一款风格检验工具jshint,可以配合大多数的编辑器统一团队代码风格,需要的朋友可以参考下
2014-09-09
js模拟点击以提交表单为例兼容主流浏览器
我们会常常用到JS的模事件，比如说点击事件，举个简单的例子，点击表单外的“提交”按钮来提交表单，下面为大家介绍下具体的实现
2013-11-11
Div自动滚动到末尾的代码
非常不错的思路，自动滚动到div末尾
2008-10-10
BootStrap selectpicker后台动态绑定数据的方法
这篇文章主要为大家详细介绍了BootStrap selectpicker后台动态绑定数据的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-07-07
js操作数组函数实例小结
这篇文章主要介绍了js操作数组函数,实例分析了JavaScript针对数组删除指定元素、去重及删除指定下标元素的实现方法,需要的朋友可以参考下
2015-12-12
JS中的new Date()参数示例详解
js中,new Date([params]),参数传递有五种方式,本文给大家讲解的非常详细,对new Date()参数相关知识感兴趣的朋友跟随小编一起看看吧
2023-11-11
Div上下居中
Div上下居中...
2007-02-02