DIV層之拖動、關閉、打開效果代碼

更新時間：2008年09月07日 23:19:18 作者：

非常不錯的效果，適合在當前頁打開測試窗口，圖片等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>div托動，打開，關閉效果</title> <style type="text/css"> body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;} #bodyL{ float:left; width:84px; margin-right:2px; } a.od{ width:80px; height:25px; line-height:25px; text-align:center; font-weight:bold; border: 2px solid #849BCA; display:block; color:#547BC9; float:left; text-decoration:none; margin-top:2px; } a.od:link{ background:#EEF1F8; } a.od:visited{ background:#EEF1F8; } a.od:hover{ background:#EEE; } a.od:active{ background:#EEE; } #fd{ width:500px; height:200px; background:#EDF1F8; border: 2px solid #849BCA; margin-top:2px; margin-left:2px; float:left; overflow:hidden; position:absolute; left:0px; top:0px; cursor:move; float:left; /*filter:alpha(opacity=50);*/ } .content{ padding:10px; } </style> </head> <body> <div   class="wppm3vysvbp"   id="bodyL"> <a href="#" class="od" onclick = "show('fd');return false;"> [打開層] </a> <a href="#" class="od" onclick = "closeed('fd');return false;"> [關閉層] </a> </div> <div   class="wppm3vysvbp"   id="fd" style="display:none;filter:alpha(opacity=100);opacity:1;"> <div   id="wppm3vysvbp"   class="content">移動層</div> </div>  <<a href="http://www.fzitv.net">腳本之家</a> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

JavaScript模板引擎EJS特性及用法詳解
EJS是一種簡單而靈活的模板引擎，用于將數(shù)據(jù)動態(tài)渲染到網(wǎng)頁上，本文將從介紹EJS的背景和起源開始，詳細介紹EJS的特性和使用方法，包括安裝配置、基本語法和標簽、數(shù)據(jù)綁定和邏輯控制、模板的繼承和包含等方面，感興趣的同學跟著小編一起來學習吧
2023-06-06
驚云JS隨機排序程序隨機顯示信息-每次新聞顯示順序都不一樣
驚云JS隨機排序程序隨機顯示信息-每次新聞顯示順序都不一樣...
2007-11-11
js為什么[]==![]是成立的嗎
本文主要介紹了js為什么[]==![]是成立的嗎，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2023-01-01
JavaScript實現(xiàn)圖片合成下載的示例
這篇文章主要介紹了JavaScript實現(xiàn)圖片合成下載的示例，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下
2020-11-11
echarts實現(xiàn)中國地圖下鉆進入下一級(地圖鉆取)
最近在學習echarts,今天就來介紹一下echarts實現(xiàn)中國地圖下鉆進入下一級,具有一定的參考價值,感興趣的可以了解一下
2023-08-08
JS實現(xiàn)滑動插件
這篇文章主要為大家詳細介紹了JS實現(xiàn)滑動插件，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-01-01
JavaScript中判斷網(wǎng)絡狀態(tài)的幾種方法
這篇文章主要介紹了如何使用JavaScript的`navigator.onLine`屬性和`ononline`、`onoffline`事件來檢測瀏覽器的在線狀態(tài),并提供了兼容性代碼示例,需要的朋友可以參考下
2025-02-02
javascript工廠模式和構造函數(shù)模式創(chuàng)建對象方法解析
本文主要對javascript工廠模式和構造函數(shù)模式創(chuàng)建對象方法進行解析，具有一定的參考價值，下面跟著小編一起來看下吧
2016-12-12
ejs v9 javascript模板系統(tǒng)
我的模板系統(tǒng)升一下級, 繼續(xù)在新公司里面用。現(xiàn)在幾在互聯(lián)網(wǎng)公司沒有不用javascript模板了，什么TX，百度，新浪， 360什么的，最后瀑布流的流行，里面又有許多用到模板
2012-03-03
js和jquery判斷數(shù)據(jù)類型的4種方法總結
這篇文章主要給大家介紹了關于js和jquery判斷數(shù)據(jù)類型的4種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
2020-08-08