网站基于flash实现的Banner图切换效果代码

本文实例讲述了网站基于flash实现的Banner图切换效果代码，该实例的主要切换功能是由flash完成的。分享给大家供大家参考。

具体实现代码如下：

代码如下:

<!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" />
<title>网站Banner图切换效果（flash）</title>
</head>

<body>
<script type="text/javascript" src="js/swfppt.js"></script>
<script type="text/javascript">
//<!CDATA[[
loadswfppt({width:400,height:450,text_height:0,
   pic:[
  {img:'images/banner1.jpg',text:'01',link:'img3.html'},
  {img:'images/banner2.jpg',text:'02',link:'img4.html'},
  {img:'images/banner3.jpg',text:'03',link:'img5.html'}
  ]});
//]]>
</script>
</body>
</html>

运行效果如下图所示：

完整实例代码点击此处本站下载。

希望本文所述对大家的web程序设计有所帮助。

赞 (0)

相关推荐

  • 利用PHP实现与ASP Banner组件相似的类

    <?php /******************************************************* 作者: 吴振亨 (Biz)--phpscript E-mail:wuzhenheng@china.com web: http://phpscript.osh.com.cn 文件名:AdRotator.class.php3                  版权声明: 如果您使用了本文件,请给作者写一封E-mail    如有问题欢迎与作者联系 谢谢您的关注!       

  • jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮

    jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮

    jquery左右滚动焦点图banner图片,鼠标经过显示上下页 适合宽和高都比较大的页面使用  演示 复制代码 代码如下: <div class="bannerbox"> <div id="focus"> <ul> <li><a href="http://www.freejs.net/" target="_blank"> <img src="../da

  • JS+DIV实现鼠标划过切换层效果的实例代码

    <style>/*栏目切换样式开始*/.none {display: none;}.block {display: block;}/*头部样式*/.s_c {width:800px;text-align: center;}.s_c ul{clear:both;margin:0;}.s_c li{list-style:none;float:left;position: relative;width: 70px;}/**/.c_0 {background-color: #CCCCCC;} /*隐藏

  • 十个新年banner，祝大家新年快乐！

    十个新年banner，祝大家新年快乐！

    打包下载地址

  • jquery淡化版banner异步图片文字效果切换图片特效

    复制代码 代码如下: <pre code_snippet_id="280064" snippet_file_name="blog_20140408_1_8982765" name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

  • JS实现切换标签页效果实例代码

    在网页<head>区添加以下代码 复制代码 代码如下: <style type="text/css">  <!--  BODY {  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; COLOR: black; LINE-HEIGHT: 150%; PADDING-TOP: 10px; BACKGROUND-COLOR

  • js图片自动切换效果处理代码

    复制代码 代码如下: <script language =javascript > var curIndex=0; //时间间隔 单位毫秒 var timeInterval=1000; var arr=new Array(); arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]="5.jpg"; arr[5

  • jQuery简单实现banner图片切换

    jQuery简单实现banner图片切换

    主要运用了定时器的原理,bind,trigger应用等 复制代码 代码如下: <!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>banner切换实现</title>    <style type="text/css">        /*        * @description: banner切换样式 

  • 最简单的js图片切换效果实现代码

    无意中在网上发现的,代码非常的简单,一看就明白! 复制代码 代码如下: <script language =javascript > var curIndex=0; //时间间隔 单位毫秒 var timeInterval=5000; var arr=new Array(); arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]

  • 比较漂亮的几款迎国庆Banner图片打包下载

    比较漂亮的几款迎国庆Banner图片打包下载

    下载地址

  • 非常酷的角BANNER

    Top Right Banner Style #topright { position: absolute; right: 0; top: 0; display: block; height: 125px; width: 125px; background: url(TRbanner.gif) no-repeat; text-indent: -999em; text-decoration: none;} Top Left Banner Style #topleft { position: abs

  • JQuery切换显示的效果实例代码

    JQuery真的太强大了,真好看! Jquery代码如下: 复制代码 代码如下: $(function () {       $(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () {       $(this).find(".n_zyb_gzrightlistc").attr("style", "display:block").parent().siblings().

  • Banner程序

    <?php  /* banner.php      这个PHP3的滚动程序是由 Anton Olsen ( aolsen@graphweb.com )设计的,你可以自由地修改和使用这个程序,并自由地传播它,如果你对它有了比较重要的修改,请你给作都写份E-Mail. 在这个程序中,作者试图通过多种不同的方法来实现这个功能,但PHP中的图像函数不能显示动画的GIF图片格式及对这种格式的操作(如:fopen, fpassthru, 和 fclose).作者通过了passthru方法来加以实现,虽然这并

  • javascript 上下banner替换具体实现

    复制代码 代码如下: <!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="

随机推荐