js常用功能 浮動層知識總結

2021-08-29 20:04:37 字數 1675 閱讀 7677

應用開發時很經常地要生成浮動層,在

浮動層裡顯示一些我們需要顯示的內容。

生成浮動層主要分為兩個部份。乙個是外圍的div,這個div主要是根據傳入的引數值來設定它的屬性,如它的left、top、width、height、opacity等值。另乙個部份是div裡放的一table,這個table有兩行,第一行用在拖動和最大化最小化上;第二行是放置浮動層要顯示的內容。

function drag(elementtodrag, event) 

else if (document.attachevent)

else

if (event.stoppropagation) event.stoppropagation( ); // dom level 2

else event.cancelbubble = true; // ie

if (event.preventdefault) event.preventdefault( ); // dom level 2

else event.returnvalue = false; // ie

function movehandler(e)

function uphandler(e)

else if (document.detachevent)

else

if (e.stoppropagation) e.stoppropagation( ); // dom level 2

else e.cancelbubble = true; // ie

}}function minimize(floatlayerid,event)else

}function engenderdriftlyr(){}

engenderdriftlyr.prototype =

dirftdiv.style.bordercolor = driftdivpro.bordercolor||"#6495ed";

dirftdiv.style.zindex = "1000";

dirftdiv.style.display = 'none';

trcolor = driftdivpro.trcolor||"#6495ed";

return dirftdiv;

}, gendriftcontent:function(title,floatlayerid,tableattr),

gendriftlyr:function(lyrtitle,driftlyrid,driftlyrpro)

}var engenderdriftlyr = new engenderdriftlyr();

其中,css**為:

.float-div
大概的**就如上面所寫的,只要思路對了,就沒有問題了。

在使用上,我們發乙個請求把返回的值設定為table內容的innerhtml,然後設定生成的浮動div為可見的就可以了。

document.getelementbyid(\''+floatdiv.id+'\')

這裡顯然不能傳 floatdiv ,因為 floatdiv 是乙個 obj ,如果外面再嵌乙個 document.getelementbyid 就有問題了,這時候應該傳的是 floatdiv.id ,這點容易寫錯。

js常用功能彙總

1.獲取乙個class中的所有input值 department each function 2.js字串的擷取 sbustr 方法 返回乙個從指定位置開始的指定長度的字串 stringvar.substr start,lenth substring 方法 返回位於string物件中指定位置的子字串...

Jquery常用功能總結

id css display block function input id online click function 設定不可以使用 id attr disabled disabled 可以使用 id removeattr disabled id1,id2 click function 使用pr...

Tmux常用功能總結

tmux常用功能總結 在 ubuntu 中安裝tmux 在終端輸入如下命令 sudo apt get install tmux tmux 的快捷鍵字首 prefix 為了使自身的快捷鍵和其他軟體的快捷鍵互不干擾,tmux 提供了乙個快捷鍵字首。當想要使用快捷鍵時,需要先按下快捷鍵字首,然後再按下快捷...