jquery 图片背景透明度（支持IE5/IE6/IE7）

最新推荐文章于 2021-12-21 17:47:12 发布

weixin_33716154

最新推荐文章于 2021-12-21 17:47:12 发布

阅读量231

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/good10001/p/4717151.html

版权

设置背景图片，以突出透明度的效果及jquery png背景透明插件实例教程

<head>
<title>toggle()</title>
<style type="text/css教程">

</style>
<script language="网页特效" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
$("img").toggle(
function(oevent){
$(oevent.target).css("opacity","0.5");
},
function(oevent){
$(oevent.target).css("opacity","1.0");
}
);
});
</script>
</head>
<body>
<img src="www.111cn.net.jpg">
</body>

下面看一个jquery png背景透明插件

<head>
...
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="query.pngfix.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngfix();
});
</script>
...
</head>

插件不仅支持ie5/ie6/ie7下img标签的png背景透明，background-image的背景透明，还支持image类型的input的png背景透明，而且实现精确的控制，即您可以让页面上任意一张png图片背景透明而其它不受影响。

转载于:https://www.cnblogs.com/good10001/p/4717151.html