HTML特效代码全集：掌握浏览器兼容与窗口弹出技巧

图片轮流显示

需积分: 50 105 浏览量更新于2024-09-13 收藏 10KB TXT 举报

身份认证购VIP最低享 7 折!

30元优惠券

本资源是一份关于HTML特效代码的全面指南，涵盖了丰富的技巧和功能，旨在帮助开发者理解和掌握HTML语言的高级特性。主要内容包括以下几个方面： 1. **HTML结构与CSS样式**： - 提供了`<body>`标签的事件处理（`oncontextmenu="returnfalse"`）和CSS样式设置（`bodystyle="overflow-y:hidden"`），这有助于控制页面的行为和布局，比如禁止右键菜单以及隐藏滚动条。 - 使用`<style>`标签定义了背景图片的显示，如设置背景图片URL、重复模式（no-repeat）以及图片在页面中的位置（center）。 2. **多媒体支持**： - 包含了针对不同浏览器（IE和NS）的音乐循环播放代码，通过`<bgsoundsrc>`和`<embed>`标签支持`.mid`格式的MIDI文件，实现跨浏览器的音频播放。 3. **JavaScript交互**： - 展示了如何通过`<a>`标签实现弹出一个新的窗口打开链接，同时设置了窗口的大小、位置、工具栏、菜单栏、可调整大小等属性，使用了JavaScript的`window.open()`函数来动态创建新窗口。 - 还提供了一个简单的JavaScript函数`loopy()`，用于提示用户输入用户名，如果输入正确则弹出提示框。 4. **动态图片轮播**： - 使用了JavaScript生成随机数，结合字符串拼接，动态生成`<img>`标签的`src`属性，从而实现图片轮播效果，增强了网页的交互性和视觉吸引力。 5. **无脚本支持**： - 提供了`<noscript>`标签，当用户的浏览器不支持JavaScript时，会显示一个内嵌的`<iframe>`，用来加载一个`.html`文件，确保了网站在低配或者禁用JavaScript的环境中也能基本展示内容。 6. **定时或动画效果**： - 代码中可能包含了定时器或动画的实现，但具体细节未在提供的部分中明确，这可能涉及到使用`setTimeout`、`setInterval`或CSS动画来创建动态效果。这份HTML特效代码大全涵盖了HTML基础语法、CSS样式、多媒体集成、JavaScript交互以及考虑了低版本浏览器兼容性的设计技巧。对于想要提升HTML技能、学习网页动态效果的开发人员来说，这是一份非常实用且详尽的参考资料。

资源详情

资源推荐

HTML代码大全免费下载

HTML特效代码1。忽视右键
　 <body oncontextmenu="return false">
　或
　 <body style="overflow-y:hidden">
2。加入背景音乐
　 IE:<bgsound src="*.mid" loop=infinite>
　 NS:<embed src="*.mid" autostart=true hidden=true loop=true>
　 </embed>
　 *.mid你的背景音乐的midi格式文件
3。简单的window.open方法
　 <a href="#"
　 onclick="javascript :window.open(文件路径/文件名,newwindow,
　 toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
　 width=400,height=300);">文字或图片</a>
　参数解释：
　 <SCRIPT LANGUAGE="javascript"> js脚本开始；
　 window.open 弹出新窗口的命令；
　文件路径/文件名弹出窗口的文件名；
　 newwindow 弹出窗口的名字（不是文件名），非必须，可用空代替；
　 width=400 窗口宽度；
　 height=300 窗口高度；
　 top=0 窗口距离屏幕上方的象素值；