实现横条广告上下滚动效果的JS代码示例

作者:函数茶馆

时间:2026-10-27

浏览:599

本文提供了一段用于实现网页横条广告上下滚动效果的JavaScript代码。该代码通过调用外部JS库和SWF文件,支持自定义广告图片、链接、尺寸及滚动速度等参数,适用于站长搭建可调节尺寸的Banner广告位。

文章目录

横条广告上下滚动JS代码实现与配置详解

相关代码如下所示:

<!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="本示例展示可自适应尺寸的横幅广告条效果,为网站开发者常用资源,更多焦点图源码请查阅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"; //配置广告图片URL
fp_links += "§"+escape("https://www.jb51.net/a/bjac/3wjq3xm2.htm"); //配置广告跳转URL
//定义广告图片与跳转链接
fp_pics += "§"+"https://www.jb51.net/jb51/phtml/flash/images/w2.jpg"; //配置广告图片URL
fp_links += "§"+escape("https://www.jb51.net/a/bjac/06r1x7tg.htm"); //配置广告跳转URL
//定义广告图片与跳转链接
fp_pics += "§"+"https://www.jb51.net/jb51/phtml/flash/images/w3.jpg"; //配置广告图片URL
fp_links += "§"+escape("https://www.jb51.net/a/bjac/gucmqug3.htm"); //配置广告跳转URL
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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章