欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實現(xiàn)動態(tài)移動層及拖動浮層關(guān)閉的方法

 更新時間：2015年04月30日 10:19:28   作者：休閑生活文化  
這篇文章主要介紹了JS實現(xiàn)動態(tài)移動層及拖動浮層關(guān)閉的方法,可實現(xiàn)動態(tài)拖動浮動窗口及關(guān)閉窗口的功能,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JS實現(xiàn)動態(tài)移動層及拖動浮層關(guān)閉的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

<html>
<head>
<title>動態(tài)移動的層</title>
<body bgcolor="#ADBAC9">
<div id="div1" class="yellow" style="VISIBILITY:visible ; 
background-color:#FFFF00; 
position: absolute; top: 60; left: 200;
width: 360; height: 250;
filter: revealTrans(transition=12, 'duration=0.1) 
blendTrans(duration=0.1) ">
<div id=title onmousedown=DIVDown("div1") 
style="background-color:#30608F;padding:2px; 
font-size:13px;text-indent:5;
color:#FFFFFF;cursor:move">標(biāo)題</div>
<img id=close onclick=Hide(div1)
style="position: absolute; right: 2; top: 2" border="0"
src="close.gif" width="15" height="15">
</div>
<script language="JavaScript">
var Obj="none";
var pX
var pY
document.onmousemove=DIVMove;
document.onmouseup=DIVUp;
function DIVDown(tag){
Obj=tag;
pX=parseInt(document.all(Obj).style.left)-event.x;
pY=parseInt(document.all(Obj).style.top)-event.y;
}
function DIVMove(){
if(Obj!="none"){
document.all(Obj).style.left=pX+event.x;
document.all(Obj).style.top=pY+event.y;
event.returnValue=false;
}
}
function DIVUp(){Obj="none";}
function Hide(divid){
divid.filters.revealTrans.apply();
divid.style.visibility = "hidden";
divid.filters.revealTrans.play();
}
</script>
</body>
</html>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

相關(guān)文章

  • 一文教會你如何在JavaScript中使用展開運算符

    一文教會你如何在JavaScript中使用展開運算符

    展開運算符(spread operator)允許一個表達式在某處展開,下面這篇文章主要給大家介紹了關(guān)于如何通過一文教會你如何在JavaScript中使用展開運算符的相關(guān)資料,需要的朋友可以參考下
    2022-10-10
  • 微信小程序嵌入騰訊視頻源過程詳解

    微信小程序嵌入騰訊視頻源過程詳解

    這篇文章主要介紹了微信小程序嵌入騰訊視頻源過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-08-08
  • 微信小程序?qū)崿F(xiàn)頁面左右滑動

    微信小程序?qū)崿F(xiàn)頁面左右滑動

    這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)頁面左右滑動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-11-11
  • JS獲取當(dāng)前地理位置的方法

    JS獲取當(dāng)前地理位置的方法

    這篇文章主要為大家詳細介紹了JS獲取當(dāng)前地理位置的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-10-10
  • bootstrap fileinput完整實例分享

    bootstrap fileinput完整實例分享

    這篇文章主要為大家分享文件上傳組件bootstrap fileinput完整實例,具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2016-11-11
  • javascript面向?qū)ο笕筇卣髦庋b實例詳解

    javascript面向?qū)ο笕筇卣髦庋b實例詳解

    這篇文章主要介紹了javascript面向?qū)ο笕筇卣髦庋b,簡單描述了封裝的基本概念、原理,并結(jié)合實例形式詳細分析了javascript面向?qū)ο蟪绦蛟O(shè)計中封裝的用法與相關(guān)操作注意事項,需要的朋友可以參考下
    2019-07-07
  • JavaScript中讀取和保存文件實例

    JavaScript中讀取和保存文件實例

    這篇文章主要介紹了JavaScript中讀取和保存文件實例,使用HTML5 File API實現(xiàn),需要的朋友可以參考下
    2014-05-05
  • 基于JavaScript實現(xiàn)全選、不選和反選效果

    基于JavaScript實現(xiàn)全選、不選和反選效果

    這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)全選、不選和反選效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-02-02
  • JavaScript 擴展運算符用法實例小結(jié)【基于ES6】

    JavaScript 擴展運算符用法實例小結(jié)【基于ES6】

    這篇文章主要介紹了JavaScript 擴展運算符用法,結(jié)合實例形式總結(jié)分析了基于ES6的擴展運算符基本概念與使用相關(guān)操作技巧,需要的朋友可以參考下
    2019-06-06
  • 寫給小白的JavaScript引擎指南

    寫給小白的JavaScript引擎指南

    有時編寫 Web 應(yīng)用的代碼會感覺充滿魔力，因為我們只是寫了一系列字符，就能在瀏覽器里看到效果了。但是理解魔法背后的技術(shù)，可以幫助你更好地提高編程技巧
    2015-12-12

最新評論