HTML技巧：右键禁用、背景音乐、窗口打开与更多
需积分: 50 133 浏览量
更新于2024-09-11
收藏 10KB TXT 举报
"网页设计大全"
网页设计是创建和维护网站的艺术，HTML（HyperText Markup Language）是网页设计的基础语言，用于定义网页的结构和内容。本资源主要介绍了几个常用的HTML代码技巧，包括右键菜单禁用、背景音乐添加、弹窗的实现以及一些基本的页面交互效果。
1. 右键菜单禁用：
在网页中，可以使用`<body oncontextmenu="return false">`或`<body style="overflow-y:hidden">`来禁止用户通过鼠标右键打开上下文菜单。第一种方法适用于大多数现代浏览器，第二种方法则通过隐藏滚动条来间接达到相同的效果。
2. 背景音乐添加：
为网页添加背景音乐，可以使用两种方式：对于IE浏览器，可以使用`<bgsound>`标签，例如`<bgsound src="*.mid" loop=infinite>`；对于非IE浏览器，如Netscape，可以使用`<embed>`标签，如`<embed src="*.mid" autostart=true hidden=true loop=true>`。这里的`*.mid`应替换为实际的midi格式音乐文件。
3. 简单的`window.open`方法：
`window.open`是JavaScript中的一个函数，用于打开新的浏览器窗口。以下是一个例子：`<a href="#" onclick="javascript:window.open('文件路径', '新窗口名称', '工具栏=否, 滚动条=是, 可调整大小=否, 上边距=0, 左边距=0, 宽度=400, 高度=300')">点击打开窗口</a>`。这将创建一个指定大小、位置和功能的新窗口。
4. 循环提示框：
使用JavaScript，可以编写函数来循环提示用户输入特定信息，直到满足条件。以下示例会不断弹出输入框，直到用户输入"login"才会停止，并显示确认消息。
```javascript
function loopy() {
var sWord = "";
while (sWord != "login") {
sWord = prompt("请输入用户名");
}
alert("登录成功");
}
loopy();
```
5. 设置背景图像：
通过CSS（Cascading Style Sheets）可以设置网页的背景图像，例如：`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可以实现图片的随机显示，例如：
```javascript
document.write('<img src="img/' + parseInt(Math.random() * (5)) + '.gif" height="100">');
```
这段代码将从一个包含五张图片的目录中随机选取一张显示。
以上只是网页设计中的一小部分技巧，实际上HTML、CSS和JavaScript提供了许多更复杂的功能和效果，如响应式布局、动画、表单验证等，这些都是网页设计师必须掌握的核心技能。学习和熟练运用这些技术，能够帮助你创建出更具吸引力和用户体验的网站。
2009-08-23 上传
2015-08-19 上传
2021-06-29 上传
2019-12-23 上传
454 浏览量
721 浏览量
2010-11-05 上传
龙爱专一
- 粉丝: 0
- 资源: 1
我的内容管理
展开
最新资源
- NIST REFPROP问题反馈与解决方案存储库
- 掌握LeetCode习题的系统开源答案
- ctop：实现汉字按首字母拼音分类排序的PHP工具
- 微信小程序课程学习——投资融资类产品说明
- Matlab犯罪模拟器开发：探索《当蛮力失败》犯罪惩罚模型
- Java网上招聘系统实战项目源码及部署教程
- OneSky APIPHP5库：PHP5.1及以上版本的API集成
- 实时监控MySQL导入进度的bash脚本技巧
- 使用MATLAB开发交流电压脉冲生成控制系统
- ESP32安全OTA更新：原生API与WebSocket加密传输
- Sonic-Sharp: 基于《刺猬索尼克》的开源C#游戏引擎
- Java文章发布系统源码及部署教程
- CQUPT Python课程代码资源完整分享
- 易语言实现获取目录尺寸的Scripting.FileSystemObject对象方法
- Excel宾果卡生成器：自定义和打印多张卡片
- 使用HALCON实现图像二维码自动读取与解码
