脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 图片动画横条广告

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

 更新时间：2013年10月20日 11:20:25   作者：  
可以自定义广告的图片、链接、长、宽等。光标移到图片上会出现左右箭头，感兴趣的朋友可以尝试测试下
可以自定义广告的图片、链接、长、宽等。光标移到图片上会出现左右箭头。

以下是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>

相关文章

  • BOM系列第一篇之定时器setTimeout和setInterval

    BOM系列第一篇之定时器setTimeout和setInterval

    这篇文章主要介绍了BOM系列第一篇之定时器setTimeout和setInterval 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-08-08
  • 详解JavaScript是如何验证URL的

    详解JavaScript是如何验证URL的

    当开发者需要为不同目的以不同形式处理URL时，我们经常会借助于JavaScript。本文就为大家整理了JavaScript验证URL的方法，希望对大家有所帮助
    2023-02-02
  • 微信小程序实现收缩式菜单

    微信小程序实现收缩式菜单

    这篇文章主要为大家详细介绍了微信小程序实现收缩式菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-07-07
  • 原生js实现轮播图

    原生js实现轮播图

    这篇文章主要为大家详细介绍了原生js实现轮播图的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • bootstrap PrintThis打印插件使用详解

    bootstrap PrintThis打印插件使用详解

    这篇文章主要为大家详细介绍了bootstrap PrintThis打印插件的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 用原生js做个简单的滑动效果的回到顶部

    用原生js做个简单的滑动效果的回到顶部

    很多网页在下方都会放置一个“返回顶部”按钮，这样可以帮助访客重新找到导航或者重温一遍广告，于是将返回顶部功能做成了滑动效果
    2014-10-10
  • javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来

    javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来

    首先来说，让一个游戏赋有可玩性必须要动静结合,我将要在下面告诉大家如何运用Javascript将静态图片变为动态图片，感兴趣的朋友可以了解下，便当巩固js知识了
    2013-01-01
  • javascript 新闻列表排序简单封装

    javascript 新闻列表排序简单封装

    可以控制列表按日期以及按字数排序.升或者降序.代码简单封装，按一定的格式调用即可。
    2009-11-11
  • js函数和this用法实例分析

    js函数和this用法实例分析

    这篇文章主要介绍了js函数和this用法,结合实例形式分析了js函数和this基本功能、原理、使用方法与操作注意事项,需要的朋友可以参考下
    2020-03-03
  • 微信小程序实现五星评价

    微信小程序实现五星评价

    这篇文章主要为大家详细介绍了微信小程序实现五星评价，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-08-08

最新评论