js模仿hover的具體實(shí)現(xiàn)代碼
更新時間：2013年12月30日 16:58:22 作者：
hover效果，想必大家并不陌生吧，接下來為大家介紹下使用js模仿hover，感興趣的朋友可以參考下
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="this" />
<meta name="keywords" content="this" />
<title>this</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<style type="text/css">
body{margin:0;padding:0;}
.hover{float:left;position:relative;margin:0 auto;padding:0; }
.hv{position:absolute; left:0;top:0;display:none; }
</style>
<script type="text/javascript">
$(function() {
$('.hover').hover(
function (){
$('.hv').stop().fadeTo('slow',1);
},function() {
$('.hv').stop().fadeTo('slow',0);
}
)
})
</script>
</head>
<body>
<div class="hover">
<img src="http://img.vip.xunlei.com/img/banner/201303181424386268.jpg" alt="" width='100px' height='100px'>
<img class="hv" src="http://www.baidu.com/img/shouye_b5486898c692066bd2cbaeda86d74448.gif" alt="" width='100px' height='100px'>
</div>
</body>
</html>
相關(guān)文章
Google (Local) Search API的簡單使用介紹
這篇文章主要介紹了Google (Local) Search API的簡單使用。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
javascript實(shí)現(xiàn)上傳圖片并預(yù)覽的效果實(shí)現(xiàn)代碼
圖片上傳預(yù)覽，就是在使用文件選擇框選擇了文件之后就可以在頁面上看見圖片的效果，關(guān)于這個效果我一直認(rèn)為是無法做到的2011-04-04
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03
現(xiàn)在全屏的半透明遮罩層在web2.0網(wǎng)站應(yīng)用非常廣泛了，絕大多數(shù)遮罩是通過計算頁面大小，然后覆蓋一個與頁面同等大小的層實(shí)現(xiàn)，如騰訊qzone, wordpress后臺。2010-06-06
JavaScript使用Web Worker解析CSV文件的操作方法
在處理大型 CSV 文件時,直接在主線程中解析可能會導(dǎo)致頁面卡頓,影響用戶體驗(yàn),使用 Web Worker 可以將計算密集型任務(wù)移到后臺線程,避免阻塞主線程,從而提升應(yīng)用的響應(yīng)速度,所以本文給大家介紹了JavaScript使用Web Worker解析CSV文件的操作方法,需要的朋友可以參考下2025-03-03
在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法
這篇文章主要介紹了在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法，這個可以提高數(shù)據(jù)的錄入方便，特別是在一些簡單業(yè)務(wù)的明細(xì)數(shù)據(jù)的時候，看起來會比彈出窗口錄入方便一些，非常具有實(shí)用價值，需要的朋友可以參考下2018-10-10
這篇文章主要給大家介紹了關(guān)于前端常用幾種加密方法的相關(guān)資料,需要的朋友可以參考下2024-01-01
Firefox getBoxObjectFor getBoundingClientRect聯(lián)系
Firefox在含有flash的網(wǎng)頁上提示：不建議使用 getBoxObjectFor() 。 請使用 element.getBoundingClientRect()。2008-10-10
本篇文章主要是對javascript 終止函數(shù)執(zhí)行的操作方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
JSON創(chuàng)建鍵值對（key是中文或者數(shù)字）方式詳解
這篇文章主要介紹了JSON創(chuàng)建鍵值對（key是中文或者數(shù)字）方式詳解,需要的朋友可以參考下2017-08-08