HTML特效代码合集：窗口弹出、禁止右键、循环提示、背景图片设置
需积分: 48 61 浏览量
更新于2024-11-11
收藏 10KB TXT 举报
"这个资源是一个收集了各种HTML特效代码的大全，旨在分享和交流HTML编程经验。其中包含了一些常见的特效实现，如禁止右键菜单、背景音乐播放、新窗口打开、弹窗提示、页面背景设置、无脚本时的备用内容以及随机显示图片等。"
在HTML中，特效代码通常用于增强网页的交互性和视觉效果。以下是对这些特效的详细解释：
1. **禁止右键菜单**：通过在`<body>`标签中添加`oncontextmenu="return false"`，可以防止用户在网页上右键点击时显示默认的上下文菜单，增加网站的控制力。
2. **背景音乐播放**：在IE浏览器中，可以使用`<bgsound>`标签来添加背景音乐，例如`<bgsoundsrc="*.mid" loop=infinite>`，而 Netscape 浏览器则需要使用`<embed>`标签，如`<embed src="*.mid" autostart=true hidden=true loop=true>`。这两个标签分别针对不同的浏览器，实现背景音乐循环播放。
3. **新窗口打开链接**：使用`window.open()` JavaScript 函数可以实现链接在新窗口中打开。例如`onclick="javascript:window.open(网址, 新窗口名称, 特性字符串)"`，其中特性字符串可以定义新窗口的属性，如宽度、高度、是否显示工具栏等。
4. **弹窗提示**：定义一个JavaScript函数，如`function loopy(){...}`，可以实现用户输入特定文字后弹出提示。在示例中，如果用户输入"login"，则会显示"登录成功"的警告框。
5. **页面背景设置**：通过CSS样式，可以设置页面背景图像、重复方式和位置，例如`body{background-image:url(logo.gif); background-repeat:no-repeat; background-position:center}`，这将使logo.gif图像居中显示且只显示一次。
6. **无脚本时的备用内容**：对于不支持JavaScript或JavaScript被禁用的浏览器，可以使用`<noscript>`标签提供替代内容，如`<NOSCRIPT><iframe src="*.html"></iframe></NOSCRIPT>`，这样当JavaScript不可用时，页面仍能加载指定的`.html`文件。
7. **随机显示图片**：通过JavaScript动态生成`<img>`标签，并结合`Math.random()`函数来选择随机图片。例如`document.write('<img src="img/' + parseInt(Math.random()*(5)) + '.gif" height="...">')`，这将从一组以.gif结尾的图片中随机选择一张进行显示。
以上就是HTML特效代码大全中涉及的一些关键知识点，它们展示了HTML和JavaScript如何协同工作以提升网页的用户体验。学习和掌握这些技巧，可以帮助开发者创建更富表现力和交互性的网页。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2021-11-10 上传
2022-07-14 上传
2021-10-12 上传
joe0319
- 粉丝: 0
- 资源: 3
我的内容管理
展开
最新资源
- Angular实现MarcHayek简历展示应用教程
- Crossbow Spot最新更新 - 获取Chrome扩展新闻
- 量子管道网络优化与Python实现
- Debian系统中APT缓存维护工具的使用方法与实践
- Python模块AccessControl的Windows64位安装文件介绍
- 掌握最新*** Fisher资讯，使用Google Chrome扩展
- Ember应用程序开发流程与环境配置指南
- EZPCOpenSDK_v5.1.2_build***版本更新详情
- Postcode-Finder：利用JavaScript和Google Geocode API实现
- AWS商业交易监控器：航线行为分析与营销策略制定
- AccessControl-4.0b6压缩包详细使用教程
- Python编程实践与技巧汇总
- 使用Sikuli和Python打造颜色求解器项目
- .Net基础视频教程：掌握GDI绘图技术
- 深入理解数据结构与JavaScript实践项目
- 双子座在线裁判系统：提高编程竞赛效率
