鼠标移动到图片透明度改变

前端之家收集整理的这篇文章主要介绍了鼠标移动到图片透明度改变前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

<!doctype html>
<html>
	<head>
		<Meta http-equiv="content-type " content="text/html"></Meta>
	</head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
	<script>
	  $(function () {
          $("img").fadeTo("slow",0.5);			
		  $("img").hover(function(){
            $(this).fadeTo("slow",1.0); // 设置透明度为100%
          },function(){
             $(this).fadeTo("slow",0.5); // 设置不透明度mouSEOut回到50%
          });		
      });

	</script>
   <body>	
	 <img src="image/p1.jpg"/>
   </body>	
</html>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

猜你在找的HTML相关文章