ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

所属分类：网络编程 / JavaScript 阅读数： 1426

收藏 0赞 0分享

ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便
很多大站上都有的ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>生成幻灯片式的网页图片效果演示</TITLE> <META http-equiv=Content-Type content="text/html; charset=gb2312"> <META content="" name=Keywords> <META content="" name=Description> </HEAD> <BODY> <center> <h3>生成幻灯片式的网页图片效果演示</h3> <hr style="border-style: dotted; border-width: 1px" width="80%" size="1" color="#C0C0C0">  <SCRIPT type=text/javascript> // 幻灯片式的网页图片滚动函数（不需要做任何改动） // 本程序由广州房产网整理，欢迎转载及提意见，版权没有 function roll_pic_flash(roll_pic_ary) {         // 生成幻灯片式的网页图片滚动代码         var w                        = roll_pic_ary[3][0];         var h                        = roll_pic_ary[3][1];         var text_h                = roll_pic_ary[3][2];         var bgcolor                = roll_pic_ary[3][3];         var roll_swf        = roll_pic_ary[3][4];         var swf_height        = h + text_h;         var pics                = roll_pic_ary[0].join("|");         var links                = roll_pic_ary[1].join("|");         var texts                = roll_pic_ary[2].join("|");         return '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ w +'" height="'+ swf_height +'"><param name="default_url" value="http://www.hbw.cn/"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="' + roll_swf + '"><param name="quality" value="high"><param name="bgcolor" value="'+bgcolor+'"><param name="menu" value="false"><param name="improved_by" value="http://www.gzfangzi.com/"><param name=wmode value="opaque"><param name="FlashVars" value="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+w+'&borderheight='+h+'&textheight='+text_h+'"><embed src="' + roll_swf + '" wmode="opaque" FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+w+'&borderheight='+h+'&textheight='+text_h+'" menu="false" bgcolor="'+bgcolor+'" quality="high" width="'+ w +'" height="'+ h +'" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>'; } // 开始设置幻灯片参数 var roll_pic_width = 450;        // 图片宽度 var roll_pic_height = 300;        // 图片高度 var roll_text_height = 22;        // 文字高度 var roll_bgcolor = '#FFFFFF';        // 幻灯片背景色 var roll_flash = 'http://www.gzfangzi.com/demo/ad/roll_js_flash.swf'; // 幻灯片flash地址，请将此flash下载保存到你的服务器，以免失效 // 幻灯片数组roll_pic_ary初始化（不用做任何改动） var roll_pic_ary = new Array(Array(0),Array(0),Array(0), Array(roll_pic_width,roll_pic_height,roll_text_height,roll_bgcolor,roll_flash)); // 增加一个图片，连接，文字说明 roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/1.jpg"); roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); roll_pic_ary[2].push("超级女生新闻发布会图片一"); roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/2.jpg"); roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); roll_pic_ary[2].push("超级女生新闻发布会图片二"); roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/3.jpg"); roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); roll_pic_ary[2].push("超级女生的精彩表演一"); roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/4.jpg"); roll_pic_ary[1].push(escape("http://www.gzfangzi.com")); roll_pic_ary[2].push("超级女生的精彩表演二"); roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/5.jpg"); roll_pic_ary[1].push(escape("超级女生的精彩表演三")); roll_pic_ary[2].push("文字说明"); roll_pic_ary[0].push("http://www.gzfangzi.com/demo/ad/6.jpg"); roll_pic_ary[1].push(escape("超级女生的精彩表演四")); roll_pic_ary[2].push("文字说明"); // 显示幻灯片式的网页图片滚动 document.write(roll_pic_flash(roll_pic_ary)); </SCRIPT>  <hr style="border-style: dotted; border-width: 1px" width="80%" size="1" color="#C0C0C0"> </center> </BODY> </HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

更多精彩内容其他人还在看

ＪＳ＋ＦＬＡＳＨ幻灯片播放图片脚本，整理了代码，使得调用更加方便！

深入解析Vue 组件命名那些事

Vue学习笔记进阶篇之vue-cli安装及介绍

jquery版轮播图效果和extend扩展

jQuery Validate格式验证功能实例代码（包括重名验证）

Angular.js中angular-ui-router的简单实践

JavaScript实现二维坐标点排序效果

深入理解vue2.0路由如何配置问题

基于bootstrap实现多个下拉框同时搜索功能

JavaScript 值类型和引用类型的初次研究(推荐)

利用jQuery异步上传文件的插件用法详解

网络赚钱

站长故事