複製程式碼如下:
<!DOCTYPE HTML>
<html>
<頭>
<元字元集=“utf-8”>
<元名稱=“描述”內容=“此”/>
<元名稱=“關鍵字”內容=“這個”/>
<標題>這個</標題>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<樣式類型=“文字/css”>
正文{邊距:0;填充:0;}
.hover{浮動:左;位置:相對;邊距:0自動;填充:0; }
.hv{位置:絕對;左:0;上:0;顯示:無; }
</風格>
<腳本類型=“文字/javascript”>
$(函數() {
$('.hover').hover(
功能 (){
$('.hv').stop().fadeTo('slow',1);
},功能() {
$('.hv').stop().fadeTo('slow',0);
}
)
})
</腳本>
</頭>
<正文>
<div>
<img src="http://img.vip.xunlei.com/img/banner/201303181424386268.jpg" width='100px' height='100px'>
<img src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" width='100px' height='100px'>
</div>
</正文>
</html>