抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼
更新時間：2007年07月11日 00:00:00 作者：
<html>
<head>
<!--調(diào)用css調(diào)整顯示層的屬性-->
<link rel="stylesheet" href="lightBox.css" type="text/css">
<link rel="stylesheet" href="lightStyle.css" type="text/css">
<!--調(diào)用JS-->
<script src="preview_templates.js" language="JavaScript" type="text/javascript"></script>
<script src="loader.js" language="JavaScript" type="text/javascript"></script>
</head>
<!--注意body的onload屬性設(shè)置-->
<body onload="nbInit()">
<br><br>
<h1> <a ><u>可酷啦·www.kecola.com</u></a> --- 傾情提供</h1>
<h2> 抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼</h2>
<!--演示圖片開始-->
<a style="cursor: hand" ></a>
<!--這里為了讓頁面長度大于一頁-->
<br><br><h3> 在blueidea的論壇連續(xù)發(fā)了三個帖子，等了三天也沒有得到解決，經(jīng)過努力，終于把這個代碼剝離出來，雖然在打開的時候會有JS錯誤提示，但在使用中完全不影響。
<br> 在這里分享給大家，一起進(jìn)步！
<br><br><br> 葉楓 2007/07/11 15:08:00</h3>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--顯示層的位置-->
<div style="display: none; position: absolute;z-index:110; " id="preview_div"></div>
</body>
</html>
打包文件下載
<head>
<!--調(diào)用css調(diào)整顯示層的屬性-->
<link rel="stylesheet" href="lightBox.css" type="text/css">
<link rel="stylesheet" href="lightStyle.css" type="text/css">
<!--調(diào)用JS-->
<script src="preview_templates.js" language="JavaScript" type="text/javascript"></script>
<script src="loader.js" language="JavaScript" type="text/javascript"></script>
</head>
<!--注意body的onload屬性設(shè)置-->
<body onload="nbInit()">
<br><br>
<h1> <a ><u>可酷啦·www.kecola.com</u></a> --- 傾情提供</h1>
<h2> 抽出www.templatemonster.com的鼠標(biāo)懸停加載大圖模板的代碼</h2>
<!--演示圖片開始-->
<a style="cursor: hand" ></a>
<!--這里為了讓頁面長度大于一頁-->
<br><br><h3> 在blueidea的論壇連續(xù)發(fā)了三個帖子，等了三天也沒有得到解決，經(jīng)過努力，終于把這個代碼剝離出來，雖然在打開的時候會有JS錯誤提示，但在使用中完全不影響。
<br> 在這里分享給大家，一起進(jìn)步！
<br><br><br> 葉楓 2007/07/11 15:08:00</h3>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--顯示層的位置-->
<div style="display: none; position: absolute;z-index:110; " id="preview_div"></div>
</body>
</html>
打包文件下載
您可能感興趣的文章:
- jQuery實(shí)現(xiàn)列表自動循環(huán)滾動鼠標(biāo)懸停時停止?jié)L動
- jQuery當(dāng)鼠標(biāo)懸停時放大圖片的效果實(shí)例
- 一個簡單的JS鼠標(biāo)懸停特效具體方法
- hover的用法及l(fā)ive的用法介紹(鼠標(biāo)懸停效果)
- javascript實(shí)現(xiàn)的鼠標(biāo)懸停時動態(tài)翻滾的導(dǎo)航條
- CSS鼠標(biāo)懸停菜單 圖片交換技術(shù)實(shí)現(xiàn)
- 網(wǎng)頁中移動的廣告效果 鼠標(biāo)懸停
- 分享33個jQuery與CSS3實(shí)現(xiàn)的絢麗鼠標(biāo)懸停效果
相關(guān)文章
JavaScript中的typeof其實(shí)非常復(fù)雜,他有六種返回的數(shù)據(jù)類型，它可以用來做很多事情,但同時也有很多怪異的表現(xiàn).本文列舉出了它的多個用法,有需要的小伙伴可以參考下。2015-05-05
JS獲取子、父、兄節(jié)點(diǎn)方法小結(jié)
這篇文章主要介紹了JS獲取子、父、兄節(jié)點(diǎn)方法總結(jié)及JS獲取兄弟節(jié)點(diǎn)的兩種方法,需要的朋友可以參考下2017-08-08
本文主要介紹了javascript七種常見算法：冒泡排序；插入排序；希爾排序；歸并排序；快速排序；選擇排序；奇偶排序。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
利用原生JS實(shí)現(xiàn)懶加載lazyLoad的三種方法總結(jié)
加載頁面的時候,圖片一直都是流量大頭,針對圖片的性能方法也挺多的比如base64、雪碧圖等;懶加載也是其中一種,這篇文章主要給大家介紹了關(guān)于利用原生JS實(shí)現(xiàn)懶加載lazyLoad的三種方法,需要的朋友可以參考下2021-07-07
這篇文章主要介紹了JS常用函數(shù)和常用技巧小結(jié)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-10-10
這篇文章主要給大家介紹了JavaScript算法教程之sku（庫存量單位）的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面跟著小編一起來學(xué)習(xí)學(xué)習(xí)吧。2017-06-06
Javascript實(shí)現(xiàn)圖片懶加載插件的方法
最近由于公司項(xiàng)目需要，要利用Javascript實(shí)現(xiàn)圖片懶加載效果，嘗試起來發(fā)現(xiàn)并不難，于是將自己的實(shí)現(xiàn)過程分享出來給大家學(xué)習(xí)和參考，希望對有需要的朋友們帶來一定的幫助，感興趣的朋友們下面來一起看看吧。2016-10-10
字符串的操作在js中非常頻繁,也非常重要,下面這篇文章主要給大家介紹了關(guān)于JS字符串屬性與方法的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01
javascript可以輕松操作客戶端剪貼板內(nèi)容，不過只適用IE5以上瀏覽器2009-08-08
webpack?output.library的16?種取值方法示例
這篇文章主要為大家介紹了webpack?output.library的16?種取值方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11