渐变效果让你的网页更炫
网络与通信
新手制作网页往往喜欢以静态图片为主要题材，的确，它简单又直观，容易吸引注意力，但缺乏变化是显而易见的。怎样才能使静态图片富有动感呢？一段JavaScript就够了，这段用JavaScript产生的效果表现为鼠标移到图片上后，图片就由半透明逐渐变清晰，鼠标一移开，图片就又恢复到半透明。下面我来向大家介绍如何使静态图片动起来。
第一步，把下面这段JavaScript代码放入
第二步，把下面这段语句和要产生渐变效果的图片结合起来。
语法：a href="links/001.htm"
解释：产生渐变效果的图片链接指向的路径。（无链接时此句没有）
语法：onmouseout=low(this)
解释：鼠标移开图片，不透明度降低。
语法：onmouseover=high(this)
解释：鼠标移上图片，不透明度升高。
语法：src="images/001.jpg"
解释：产生渐变效果的图片的路径。
语法：style="FILTER：alpha(opacity=40)"
解释：样式表滤镜：opacity(不透明度)是alpha(透明效果)的其中一个参数。(注：opacity的范围是0~100，0表示完全透明，100表示完全不透明。)
语法：width="80" height="120" border="0"
解释：图片宽80像素，高120像素，无边框线。
现在，这个渐变效果就做好了，把它应用在多图的网页上是不是很酷呢，其实再加点东西就更炫了。这加的东西就是一张半透明的背景图，这样的话，就可以半遮半掩地显示图片下面的背景图，还不影响图片本身的渐变效果，那朦朦胧胧的感觉绝对酷又炫。半透明的背景图有两种做法，一种简单的方法是把上面的第二步稍加简化应用在图片上就可以了，另一种需要使用Photoshop的“Save for Web”功能，这里就不多讲了。