日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

<strike id="oc2sg"><samp id="oc2sg"></samp></strike>

<fieldset id="oc2sg"></fieldset>

<abbr id="oc2sg"></abbr>

<abbr id="oc2sg"><th id="oc2sg"></th></abbr>

<menu id="oc2sg"></menu>

每日更新|TOP排行榜|Tag標(biāo)簽|充值

無憂首頁網(wǎng)頁模板程序模板建站教程視頻教程網(wǎng)頁特效圖標(biāo)素材字體下載站長工具站長問答

網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>層和布局特效代碼>

收藏分享查看評論層和布局

JavaScript層拖動函數(shù)，很實用_層和布局特效

查看演示效果

特效Tag：層拖動添加

一個基于JS的層拖動函數(shù)代碼，很實用，附有函數(shù)參數(shù)說明，使用時候你只需簡單設(shè)置一下參數(shù)就可以了。彈出的層可以拖動，也可以關(guān)閉，層的標(biāo)題、內(nèi)容、長度、高度以及初始彈出位置都可以設(shè)定。

<script type="text/javascript">
/***************************************
Descrīption: 可拖動窗口
Version: 1.0
Author: Olin
Last modify: 2008-10-6
Author web: http://liaoliaoba.cn
Author mail: olinweb@126.com
*****************************************/
function getEvent() //同時兼容ie和ff的寫法
{  
        if(document.all)   return window.event;    
        func=getEvent.caller;        
        while(func!=null)
		{  
            var arg0=func.arguments[0];
            if(arg0)
            {
              if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation))
              {  
              return arg0;
              }
            }
            func=func.caller;
        }
        return null;
}
//t是標(biāo)題，msg是需要顯示在窗口中的信息或者HTML代碼
function drag_window(t,msg,w,h,x,y)
{
	var top=y,left=x;
	var moveable=false; 
	var msgw,msgh,titleheight,bordercolor;
    msgw=w;//窗口的寬度
    msgh=h;//窗口的高度
    titleheight=18 //提示窗口標(biāo)題高度
    bordercolor="#336699";//提示窗口的邊框顏色
	
	t = "<span style='float:left'>"+t+"</span>";
	
	var msgObj=document.createElement("div");
	msgObj.setAttribute("id","msgDiv");
    msgObj.style.background="white";
    msgObj.style.border="1px solid " + bordercolor;
    msgObj.style.position = "absolute";
    msgObj.style.left = left + "px";
    msgObj.style.top = top + "px";
	msgObj.style.width = msgw + "px";
    msgObj.style.height =msgh + "px";
	msgObj.style.zIndex = "1000";
	
	var title=document.createElement("h4");
    title.setAttribute("id","msgTitle");
    title.setAttribute("align","right");
    title.style.margin="0";
    title.style.padding="3px";
    title.style.background=bordercolor;
    title.style.filter="progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
    title.style.opacity="0.75";
    title.style.border="1px solid " + bordercolor;
    title.style.height=titleheight+"px";
	title.innerHTML = t;

var msgdiv = document.createElement("div");
	msgdiv.setAttribute("id","msg_mrc");
	msgdiv.innerHTML = msg;
	
	var close_button=document.createElement("span");
	close_button.setAttribute("id","msgClose");
	close_button.style.padding="2px";
    close_button.style.border="1px outset " ;
    //close_button.style.font="12px Verdana, Geneva, Arial, Helvetica, sans-serif";
    close_button.style.color="white";
    close_button.style.cursor="pointer";
	close_button.innerHTML = "關(guān)閉";
	
	close_button.onclick=function()
	{
		document.getElementById("msgTitle").removeChild(close_button);
		document.getElementById("msgDiv").removeChild(title);
		document.getElementById("msgDiv").removeChild(msgdiv);
		document.body.removeChild(msgObj);
    }
	
	title.onmousedown=function()
	{
		var e = getEvent();
		if (document.all)
		{
			document.getElementById("msgTitle").setCapture(); 
		}
		else
		{
			window.captureEvents(Event.MOUSEMOVE | Event.MOUSEUP);
		}
		document.getElementById("msgTitle").style.cursor="move";
		x = document.all?e.clientX:e.pageX;
		y = document.all?e.clientY:e.pageY; 
		left = parseInt(document.getElementById("msgDiv").style.left);
		top = parseInt(document.getElementById("msgDiv").style.top);
		moveable = true; 
		document.onmousemove=function()
		{
			if(moveable)
			{
				var e = getEvent();
				var chat_window = document.getElementById("msgDiv");
				var newleft = left + (document.all?e.clientX:e.pageX) - x;
				var maxleft = (parseInt(document.body.clientWidth)-parseInt(chat_window.style.width));
				var newtop = top + (document.all?e.clientY:e.pageY) - y;
				var maxtop = (parseInt(document.body.clientHeight) - parseInt(chat_window.style.height));
				chat_window.style.left = (newleft>0&&newleft<maxleft?newleft:(newleft>0?maxleft:0)) + "px";
				chat_window.style.top = (newtop>0&&newtop<maxtop?newtop:(newtop>0?maxtop:0)) + "px";
			} 
		};
		document.onmouseup=function()
		{
			if(moveable)
			{ 
				if (document.all)
				{
					document.getElementById("msgTitle").releaseCapture(); 
				}
				else
				{
					window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
				}
				document.getElementById("msgTitle").style.cursor="default";
				moveable = false; 
			}
		};
	};
	document.body.appendChild(msgObj);
    document.getElementById("msgDiv").appendChild(title);
	document.getElementById("msgTitle").appendChild(close_button);
	document.getElementById("msgDiv").appendChild(msgdiv);
}
</script>

<a href="#" onClick="drag_window('標(biāo)題欄','這是一個可拖動的層',300,200,100,100)">創(chuàng)建拖動層</a>
<pre>
函數(shù)說明：drah_window(t,msg)
 t ：拖動層的標(biāo)題
 msg ：拖動層的內(nèi)容，可以為HTML
 w：    拖動層寬度
 h ：  拖動層高度
 x,y ：拖動層彈出時初始位置
</pre>

所屬頻道：層和布局特效/更新時間：2012-12-19

[收藏][報錯][返回列表]

相關(guān)層和布局特效：

層和布局特效Rss訂閱特效代碼搜索

層和布局特效推薦

猜你也喜歡看這些

相關(guān)鏈接：
復(fù)制本頁鏈接| 搜索JavaScript層拖動函數(shù)，很實用
特效說明：
層和布局模板-JavaScript層拖動函數(shù)，很實用。

<small id="swguc"></small>

<button id="swguc"></button>

<strike id="swguc"><tr id="swguc"></tr></strike>

<rt id="swguc"></rt>