设置opacity

最新推荐文章于 2024-04-17 18:17:10 发布

iteye_6065

最新推荐文章于 2024-04-17 18:17:10 发布

阅读量106

点赞数

分类专栏： jquery 文章标签： CSS jQuery JavaScript XHTML HTML ViewUI

jquery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>设置opacity</title>
<style type="text/css">
<!--
body{
	/* 设置背景图片，以突出透明度的效果 */
	background:url(bg1.jpg);
	margin:20px; padding:0px;
}
img{
	border:1px solid #FFFFFF;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
	//设置透明度，兼容性很好
	$("img").mouseover(function(){
		$(this).css("opacity","0.5");
	});
	$("img").mouseout(function(){
		$(this).css("opacity","1.0");
	});
});
</script>
</head>
<body>
	<img src="07.jpg">
</body>
</html>