JavaScript实现滚动大图代码示例

需积分: 1 0 下载量 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的动画来实现类似效果,以提高兼容性和性能。