設定背景圖片，以突出透明度的效果及jquery png背景透明外掛程式執行個體教程
<head>
<title>toggle()</title>
<style type="text/css教程">
<!--
body{background:url(bg.jpg);
margin:20px; padding:0px;
}
img{
border:1px solid #ffffff;
}
-->
</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圖片背景透明而其它不受影響。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
