
- 3.25
- 3.20
- 3.19
- 3.18
- 3.14
- 3.13
- 3.12
- 3.11
- 3.6
- 2.23
教您如何实现鼠标特效
发布人:管理员 发布时间:2014-3-25
现在的网站制作变得越来越精致,人们越来越多的使用不同的页面布局、不同的特效来使整个页面生动起来,而今天我们保定网站建设就教大家如何实现鼠标特效,让您轻轻松松让页面美起来。
网站制作中经常会使用鼠标特效的效果,有比较简单的直接用JavaScript实现,如,需要鼠标移动到图片上变成灰色,离开时变成次彩色。这种特效可以通过onMouseOver/onMouseOut来实现。
<img src="图片路径" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onMouseOver="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onMouseOut="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">
以上代码除了使用JavaScript,还用到了CSS的滤镜效果。保定网站设计友情提示,滤镜效果并不是所有的浏览器都兼容,在制作的过程中需要测试。
网站制作中经常会使用鼠标特效的效果,有比较简单的直接用JavaScript实现,如,需要鼠标移动到图片上变成灰色,离开时变成次彩色。这种特效可以通过onMouseOver/onMouseOut来实现。
<img src="图片路径" style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onMouseOver="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onMouseOut="this.style.filter='progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'">
以上代码除了使用JavaScript,还用到了CSS的滤镜效果。保定网站设计友情提示,滤镜效果并不是所有的浏览器都兼容,在制作的过程中需要测试。
上一篇:网站建设从实际出发才是根本
下一篇:没有了