js模仿hover的具體實(shí)現(xiàn)代碼
更新時(shí)間：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的簡(jiǎn)單使用介紹
這篇文章主要介紹了Google (Local) Search API的簡(jiǎn)單使用。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-11-11
javascript實(shí)現(xiàn)上傳圖片并預(yù)覽的效果實(shí)現(xiàn)代碼
圖片上傳預(yù)覽，就是在使用文件選擇框選擇了文件之后就可以在頁(yè)面上看見圖片的效果，關(guān)于這個(gè)效果我一直認(rèn)為是無法做到的2011-04-04
JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表
這篇文章主要為大家詳細(xì)介紹了JavaScript數(shù)據(jù)結(jié)構(gòu)之雙向鏈表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-03-03
現(xiàn)在全屏的半透明遮罩層在web2.0網(wǎng)站應(yīng)用非常廣泛了，絕大多數(shù)遮罩是通過計(jì)算頁(yè)面大小，然后覆蓋一個(gè)與頁(yè)面同等大小的層實(shí)現(xiàn)，如騰訊qzone, wordpress后臺(tái)。2010-06-06
JavaScript使用Web Worker解析CSV文件的操作方法
在處理大型 CSV 文件時(shí),直接在主線程中解析可能會(huì)導(dǎo)致頁(yè)面卡頓,影響用戶體驗(yàn),使用 Web Worker 可以將計(jì)算密集型任務(wù)移到后臺(tái)線程,避免阻塞主線程,從而提升應(yīng)用的響應(yīng)速度,所以本文給大家介紹了JavaScript使用Web Worker解析CSV文件的操作方法,需要的朋友可以參考下2025-03-03
在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法
這篇文章主要介紹了在Bootstrap開發(fā)框架中使用dataTable直接錄入表格行數(shù)據(jù)的方法，這個(gè)可以提高數(shù)據(jù)的錄入方便，特別是在一些簡(jiǎn)單業(yè)務(wù)的明細(xì)數(shù)據(jù)的時(shí)候，看起來會(huì)比彈出窗口錄入方便一些，非常具有實(shí)用價(jià)值，需要的朋友可以參考下2018-10-10
這篇文章主要給大家介紹了關(guān)于前端常用幾種加密方法的相關(guān)資料,需要的朋友可以參考下2024-01-01
Firefox getBoxObjectFor getBoundingClientRect聯(lián)系
Firefox在含有flash的網(wǎng)頁(yè)上提示：不建議使用 getBoxObjectFor() 。 請(qǐng)使用 element.getBoundingClientRect()。2008-10-10
本篇文章主要是對(duì)javascript 終止函數(shù)執(zhí)行的操作方法進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助2014-02-02
JSON創(chuàng)建鍵值對(duì)（key是中文或者數(shù)字）方式詳解
這篇文章主要介紹了JSON創(chuàng)建鍵值對(duì)（key是中文或者數(shù)字）方式詳解,需要的朋友可以參考下2017-08-08