JavaScript实现滚动大图代码示例
需积分: 1 80 浏览量
更新于2024-07-24
收藏 136KB DOC 举报
"滚动大图代码"
这段代码是用于创建一个自动滚动的大图展示效果,常见于网站的轮播广告或者图片展示区域。它利用JavaScript和Flash技术来实现,主要包含以下几个关键知识点:
1. **JavaScript**: JavaScript是一种广泛应用于客户端Web开发的脚本语言,用于实现网页的动态交互。在这个例子中,JavaScript被用来设置和控制滚动大图的各种参数,如图片宽度(focus_width)、高度(focus_height)以及文本高度(text_height)等。
2. **变量声明**: `focus_width`, `focus_height`, `text_height` 等变量用于存储滚动大图的尺寸信息,`pics`, `links`, 和 `texts` 分别存储图片路径、链接和对应的文本描述。这些变量在后续的代码中被用作Flash对象的参数。
3. **字符串连接符`:||`:** 这个符号用于分隔多个图片路径、链接或文本,形成一个字符串数组。例如,`pics` 变量包含了四张图片的路径,通过 `|` 符号分隔。
4. **Flash**: Flash是一种创建动画和交互式内容的软件平台,它的SWF文件可以嵌入HTML页面中。在这个例子中,`pix.swf` 是Flash的SWF文件,负责实际的图片滚动显示。
5. `<OBJECT>` 标签: 这是用来嵌入Flash对象的HTML标签,`classid` 和 `codebase` 属性定义了Flash Player的CLSID和安装地址,`width` 和 `height` 设置了Flash对象的尺寸。
6. `<PARAM>` 标签: `<PARAM>` 标签用于传递参数给嵌入的Flash对象,如 `allowScriptAccess`, `movie`, `quality`, `bgcolor`, `menu`, `wmode`, 和 `FlashVars`。其中,`FlashVars` 参数非常重要,它包含了所有传递给Flash的变量,如图片路径、链接和文本信息。
7. **Flash参数**: `allowScriptAccess` 控制JavaScript与Flash之间的交互权限,`movie` 指定要加载的Flash影片,`quality` 设置播放质量,`bgcolor` 设置背景色,`menu` 是否显示Flash的菜单,`wmode` 通常用于解决层叠问题,`opaque` 表示不透明模式。
8. **FlashVars**: `FlashVars` 是一个特殊参数,它允许向Flash传递任意数量的键值对,这里用来将JavaScript中的变量传递给Flash,以便在Flash内部处理图片滚动逻辑。
这个代码段展示了早期网页设计中常见的滚动大图实现方式,但随着技术的发展,现代网页更多地使用HTML5的Canvas或SVG,以及纯CSS3的动画来实现类似效果,以提高兼容性和性能。
2019-07-11 上传
2019-07-04 上传
2023-09-26 上传
2023-08-13 上传
2023-06-01 上传
2023-03-21 上传
2023-05-29 上传
2023-03-26 上传
2023-05-29 上传
![](https://profile-avatar.csdnimg.cn/default.jpg!1)
xjrqxxxhjb
- 粉丝: 0
- 资源: 1
最新资源
- AirKiss技术详解:无线传递信息与智能家居连接
- Hibernate主键生成策略详解
- 操作系统实验:位示图法管理磁盘空闲空间
- JSON详解:数据交换的主流格式
- Win7安装Ubuntu双系统详细指南
- FPGA内部结构与工作原理探索
- 信用评分模型解析:WOE、IV与ROC
- 使用LVS+Keepalived构建高可用负载均衡集群
- 微信小程序驱动餐饮与服装业创新转型:便捷管理与低成本优势
- 机器学习入门指南:从基础到进阶
- 解决Win7 IIS配置错误500.22与0x80070032
- SQL-DFS:优化HDFS小文件存储的解决方案
- Hadoop、Hbase、Spark环境部署与主机配置详解
- Kisso:加密会话Cookie实现的单点登录SSO
- OpenCV读取与拼接多幅图像教程
- QT实战:轻松生成与解析JSON数据