利用jquery实现图片显隐特效

最新推荐文章于 2024-07-29 16:42:46 发布

原创最新推荐文章于 2024-07-29 16:42:46 发布 · 829 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function #xhtml #javascript #html

jquery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一种使用jQuery实现的鼠标悬停图片透明效果。当鼠标悬停在图片上时，图片会逐渐变为半透明状态；当鼠标离开时，图片又会逐渐恢复到完全不透明的状态。该效果通过jQuery的fadeTo方法实现，适用于网页设计中增加交互性和视觉吸引力。

鼠标悬停到图片上时，图片变得透明的效果，代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>利用jquery实现图片显隐特效</title> <mce:script language="javascript" src="jquery-1.4.2.min.js" mce_src="jquery-1.4.2.min.js"></mce:script> <mce:script type="text/javascript"></mce:script> </head> <body> <img src="http://www.baidu.com/img/baidu_logo.gif" mce_src="http://www.baidu.com/img/baidu_logo.gif"/> </body> </html>