图片动画横条广告带上下滚动的JS代码
2014-08-13来源:易贤网

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

代码如下:

<!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://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 += "§"+"http://www.jb51.net/jb51/phtml/flash/images/w1.jpg"; //广告图片地址  

fp_links += "§"+escape("http://www.jb51.net/a/bjac/3wjq3xm2.htm"); //广告链接地址  

//广告图片与链接  

fp_pics += "§"+"http://www.jb51.net/jb51/phtml/flash/images/w2.jpg"; //广告图片地址  

fp_links += "§"+escape("http://www.jb51.net/a/bjac/06r1x7tg.htm"); //广告链接地址  

//广告图片与链接  

fp_pics += "§"+"http://www.jb51.net/jb51/phtml/flash/images/w3.jpg"; //广告图片地址  

fp_links += "§"+escape("http://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("http://www.jb51.net/"); //默认图片链接  

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

</body> 

更多信息请查看IT技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息