整理JS+FLASH幻灯片播放图片脚本代码
<!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">
<br>
<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.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>
<br>
<hr style="border-style: dotted; border-width: 1px" width="80%" size="1" color="#C0C0C0">
</center>
</BODY>
</HTML>
转载于:https://www.cnblogs.com/MaxIE/archive/2007/01/24/628615.html
整理JS+FLASH幻灯片播放图片脚本代码相关推荐
- js实现幻灯片播放图片
1,在页面添加下面的元素.展示出置出图片文件列表文件. <select id="img_date" style="width: 100%; margin-top: ...
- 仿flash滚动播放图片
仿flash滚动播放图片 代码: html部分: <!DOCTYPE html> <html> <head lang="en"><meta ...
- html5多张图片滚动播放,javascript+html5实现仿flash滚动播放图片的方法_javascript技巧...
本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: css部分: body{ margin: 0px; padding: ...
- html 图片自动滚动播放,javascript+html5实现仿flash滚动播放图片的方法
本文实例讲述了javascript+html5实现仿flash滚动播放图片的方法.分享给大家供大家参考.具体如下: html部分: css部分: body{ margin: 0px; padding: ...
- CMS用通用图片轮换flash幻灯片播放器:Bcastr3和Bcastr4
这款Bcastr通用图片轮换播放器(或者叫他幻灯片播放器),由于其简洁的代码及其易用性,被dedeCMS.PHPCMS.帝国CMS.Z-blog等诸多网站内容管理程序开发者广泛引用.被使用的最多的是b ...
- 网页FLASH幻灯片播放带链接源代码 pixviewer.swf使用(转)
<script type="text/javascript"> <!-- var focus_width=360 var focus_height=270 ...
- 【python】幻灯片播放图片
**背景:**图片多的时候,有时会想自己整个幻灯片功能来播放图片,在播放图片过程中还可以夹杂些自己想做的操作,方便搜集想要的图片: 初步摸索了下,整了个初稿先实现幻灯片的播放. 一 获取相应文件夹下的 ...
- js 音频音乐播放封装函数代码
js函数代码 /*** 音频到网上找* src:音频链接**/ function playSound(src){var src;var borswer = window.navigator.userA ...
- php幻灯片切换,JavaScript_JS实现FLASH幻灯片图片切换效果的方法,本文实例讲述了JS实现FLASH幻灯 - phpStudy...
JS实现FLASH幻灯片图片切换效果的方法 本文实例讲述了JS实现FLASH幻灯片图片切换效果的方法.分享给大家供大家参考.具体实现方法如下: JS模拟FLASH幻灯片图片切换效果 /* ul,li{ ...
最新文章
- ESXI使用记录---安装vSphere(VCSA)
- mqtt 获取所有topic_MQTT协议解析
- android 8.0手机无法更新版本,安卓手机升级安卓8.0后 系统以后可能都无法回退
- 从近年顶会论文看领域自适应(Domain Adaptation)最新研究进展
- DCMTK:工作清单数据库测试程序
- Yii重写ActiveForm
- 操作12864(ST7920控制器)
- 17.前端路由router-07keep-alive
- 《Python编程从入门到实践》记录之文件异常(try-except-else代码块)
- 如何用python编写操作系统_操作系统介绍、python基础
- 联想数据中心技术总监单奖定:双态IT -数字化转型下的IT建设新思路
- SoundTouch音频处理库
- 海康威视、python环境下onvif安装,多通道摄像头获取rtsp视频流
- Java二叉树基础操作常见代码例题
- 大数据是什么 有哪些价值
- 【校招VIP】产品设计和思维考察之数值分析
- Google play上架规则_谷歌应用商店上架审核
- API网关之网关概述、技术选型
- 英语总结系列:每天怀揣一点激情
- 成都拓嘉启远:怎样才能成功升级拼多多旗舰店
热门文章
- wifi rssi 计算 距离_WiFi和WLAN是一样的?真相在这里~别再傻傻分不清了
- 算法—巧排扑克牌(C语言)
- Java中Integer.parseInt()用法
- Win32ASM学习[19]:结构与联合
- 多任务 schedule python_Python3.6 Schedule 模块定时任务 (实例讲解)
- python岗位 上海_上海黑马Python24期,平均薪资10150元,16个工作日就业率70.73%
- linux_perf_tools_full
- ruby推送示例_Ruby for循环示例
- AIX的完整形式是什么?
- 数据库系统数据库管理系统_数据库管理系统介绍