网站基于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程序设计有所帮助。
相关推荐
-
Banner程序
<?php /* banner.php 这个PHP3的滚动程序是由 Anton Olsen ( aolsen@graphweb.com )设计的,你可以自由地修改和使用这个程序,并自由地传播它,如果你对它有了比较重要的修改,请你给作都写份E-Mail. 在这个程序中,作者试图通过多种不同的方法来实现这个功能,但PHP中的图像函数不能显示动画的GIF图片格式及对这种格式的操作(如:fopen, fpassthru, 和 fclose).作者通过了passthru方法来加以实现,虽然这并
-
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图片自动切换效果处理代码
复制代码 代码如下: <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
-
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
-
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="
-
十个新年banner,祝大家新年快乐!
打包下载地址
-
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;} /*隐藏
-
JQuery切换显示的效果实例代码
JQuery真的太强大了,真好看! Jquery代码如下: 复制代码 代码如下: $(function () { $(".n_zyb_gzright .n_zyb_gzrightlist").hover(function () { $(this).find(".n_zyb_gzrightlistc").attr("style", "display:block").parent().siblings().
-
利用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图片,鼠标经过显示上下页 适合宽和高都比较大的页面使用 演示 复制代码 代码如下: <div class="bannerbox"> <div id="focus"> <ul> <li><a href="http://www.freejs.net/" target="_blank"> <img src="../da
-
非常酷的角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简单实现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]
随机推荐
- go语言template用法实例
- Extjs改变树节点的勾选状态点击按钮将复选框去掉
- JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
- 在DW8中CSS应用怎么没效果?
- 详解Swift中对C语言接口缓存的使用以及数组与字符串转为指针类型的方法
- Javascript中 toFixed四舍六入方法
- asp.net SAF 中缓存服务的实现第1/5页
- 中高级PHP程序员应该掌握哪些技术?
- 深入浅析Android Fragment(下篇)
- PHP和JavaScrip分别获取关联数组的键值示例代码
- JavaScript编写点击查看大图的页面半透明遮罩层效果实例
- 微信红包随机生成算法php版
- 纯CSS实现上下左右都居中的代码
- WML学习之四 锚和任务
- 3个效果超酷的FORM表单美化效果 打包下载
- 解决java编译错误( 程序包javax.servlet不存在javax.servlet.*)
- Yii中创建自己的Widget实例
- 基于一个简单定长内存池的实现方法详解
- 浅谈react-router HashRouter和BrowserRouter的使用
- vue页面加载闪烁问题的解决方法