网页制作小技巧：隐藏滚动条与JavaScript特效

版权申诉

2 浏览量更新于2024-09-07 收藏 12KB TXT 举报

"本文档提供了一些实用的网页制作小特效，包括隐藏滚动条、图片抖动效果、彩色分隔线、嵌入Flash以及Dreamweaver中的一些技巧。" 在网页制作中，添加小特效可以提升用户体验，使网页更加生动有趣。以下是一些具体的实现方法： 1. 隐藏滚动条： - 可以通过设置`<body>`标签的样式来隐藏页面的水平或垂直滚动条。例如，`<body style="overflow-x:hidden;">`将隐藏水平滚动条，`<body style="overflow-y:hidden;">`则隐藏垂直滚动条。若要同时隐藏两者，可以使用`<body style="overflow:hidden;">`。 2. 图片抖动效果： - 这个效果可以通过JavaScript实现。首先，定义一个CSS类`shakeimage`，然后在`<img>`标签上应用此类，并添加`onmouseover`和`onmouseout`事件处理函数，以实现鼠标悬停时图片抖动，离开时停止的效果。 3. 彩色分隔线： - 在HTML中，`<hr>`标签用于创建分隔线。通过设置`<hr>`的`color`属性，可以改变线条的颜色。例如，`<hr color="red" noshade>`将创建一条红色且无阴影的分隔线。 4. 嵌入Flash： - 要在网页中插入Flash文件，可以使用`<object>`或`<embed>`标签。需要指定`WIDTH`和`HEIGHT`属性来设置Flash的尺寸，以及`src`属性指向SWF文件的路径。Dreamweaver提供了方便的工具，可自动生成Flash嵌入代码。 5. Dreamweaver技巧： - 对于Flash的自动安装，Dreamweaver会提示用户安装Flash插件（如InstallAXFlash.exe），适用于IE6及以上版本。 - Dreamweaver中的“InstallAXFlash.exe”可以解决浏览器与Flash的兼容性问题，特别是对于那些没有预装Flash Player的用户。 - Dreamweaver支持自定义CSS样式，按`CTRL + SHIFT + E`可以打开CSS样式表，选择“New CSS Rule”创建新规则，或者编辑已有的样式。 - 为按钮添加点击效果，可以在Flash中使用`getURL()`函数，当用户点击按钮时，可以跳转到指定的URL。 - 想要快速复制CSS类，可以使用快捷键`CTRL + C`复制，`CTRL + V`粘贴，这适用于已选中的CSS规则。这些网页制作小特效能够帮助开发者丰富网页内容，提高互动性和视觉吸引力。熟练掌握这些技巧，可以让你的网页设计更上一层楼。

maodi_lzc

粉丝: 1
资源: 3万+

网页制作小技巧：隐藏滚动条与JavaScript特效

JavaScript(网页特效的制作).txt

让网页靓起来 常见网页特效使用方法.txt

使用three.js制作的风暴特效.zip

使用three.js制作的海洋特效.zip

使用three.js制作的落雪特效.zip

使用three.js制作的小鸟特效.zip

使用three.js制作的口香糖特效.zip

一款基于jquery实现的雪花飘落网页装饰特效.zip

使用three.js制作的3D城市特效.zip

使用three.js制作的方块人特效.zip

最新资源

让网页靓起来常见网页特效使用方法.txt