HTML特效代码集锦：丰富你的网页设计
需积分: 50 128 浏览量
更新于2024-09-15
收藏 10KB TXT 举报
"html代码大全"
HTML（超文本标记语言）是用于创建网页的标准标记语言，它允许开发者构建结构化的文档，并通过各种标签实现丰富的页面效果。本资源提供了HTML特效代码，可以帮助开发者提升网页的视觉吸引力和用户体验。
1. 阻止右键菜单和滚动条：
`<body oncontextmenu="return false;" style="overflow-y: hidden;">`
这段代码可以防止用户在页面上右键点击出现默认的上下文菜单，并隐藏垂直滚动条，使得页面保持特定的视觉效果。
2. 背景音乐播放：
在IE浏览器中，可以使用`<bgsound>`标签插入背景音乐，例如：`<bgsound src="*.mid" loop=infinite>`，无限循环播放指定的.mid格式的音乐文件；在 Netscape 等其他浏览器中，可以使用`<embed>`标签，如：`<embed src="*.mid" autostart=true hidden=true loop=true>`，同样实现自动播放、隐藏和循环。
3. 使用`window.open`打开新窗口：
通过JavaScript的`window.open`函数，可以自定义新窗口的属性，例如：
```
<a href="#" onclick="javascript:window.open('页面地址', '新窗口名',
'toolbar=no,scrollbars=yes,resizable=no,top=0,left=0,
width=400,height=300');">仅显示图像</a>
```
这将打开一个指定大小、位置、功能的新窗口。
4. 弹出循环提示框：
以下JavaScript函数`loopy`会不断弹出输入框，直到用户输入"login"才会停止：
```
<script LANGUAGE="javascript">
<!--
function loopy(){
var sWord="";
while(sWord != "login"){ sWord = prompt("请输入用户名"); }
alert("登录成功！");
}
loopy();
//-->
</script>
```
5. 设置网页背景图片：
使用CSS（层叠样式表）可以设置网页的背景图片，例如：
```
<style>
body {
background-image: url(logo.gif);
background-repeat: no-repeat;
background-position: center;
}
</style>
```
这将使页面背景显示为logo.gif图片，不重复显示，并居中对齐。
6. 当浏览器不支持JavaScript时显示备选内容：
对于不支持JavaScript的浏览器，可以使用`<noscript>`标签提供替代内容，例如：
```
<NOSCRIPT><iframe src="备用页面.html"></iframe></NOSCRIPT>
```
如果JavaScript不可用，将显示`备用页面.html`的内容。
7. 随机显示图片：
通过JavaScript的`Math.random()`函数可以随机选择一张图片显示：
```
<script>
document.write('<img src="img/' + parseInt(Math.random() * (5)) + '.gif" height="...">');
</script>
```
这将在img目录下随机选取0-4编号的.gif图片显示，图片高度可自定义。
这些HTML特效代码适用于增强网页交互性和视觉效果，开发者可以根据需要灵活运用到自己的项目中。
2008-10-21 上传
点击了解资源详情
点击了解资源详情
点击了解资源详情
582 浏览量
403 浏览量
小丑4面具
- 粉丝: 0
- 资源: 2
我的内容管理
展开
最新资源
- 探索数据转换实验平台在设备装置中的应用
- 使用git-log-to-tikz.py将Git日志转换为TIKZ图形
- 小栗子源码2.9.3版本发布
- 使用Tinder-Hack-Client实现Tinder API交互
- Android Studio新模板：个性化Material Design导航抽屉
- React API分页模块：数据获取与页面管理
- C语言实现顺序表的动态分配方法
- 光催化分解水产氢固溶体催化剂制备技术揭秘
- VS2013环境下tinyxml库的32位与64位编译指南
- 网易云歌词情感分析系统实现与架构
- React应用展示GitHub用户详细信息及项目分析
- LayUI2.1.6帮助文档API功能详解
- 全栈开发实现的chatgpt应用可打包小程序/H5/App
- C++实现顺序表的动态内存分配技术
- Java制作水果格斗游戏：策略与随机性的结合
- 基于若依框架的后台管理系统开发实例解析
