毛片特黄,中文字幕亚洲第一,成人吃奶

拖動效果封裝已經修改，適應火狐

藍色理想 2009/5/2 21:35:40 深山行者字體:大中小瀏覽 12534

以下為詳細代碼

<!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>拖動效果 封裝 已經修改，適應火狐</title>
<style type="text/css">

</style>
<script type="text/javascript">
/*
十三妖
qq:181907667
msn:wl181907667@hotmail.com
郵箱:thirdteendevil@163.com
*/
function dragClass(){
	this.mouseState = document.all ? 1 : 0 ;
	this.x;
	this.y;
	this.dragId = null;
	this.index = 100;
	document.onselectstart = function(){return false;};
}
dragClass.prototype = {
	dragStar:function(dragId,moveId){//拖動入口函數
		var _this = this;	
		_this.$(dragId).style.cursor = "move";	
		_this.$(dragId).onmousedown = function(e){
			var e = e ? e : event;
			//_this.$(moveId).style.zIndex = _this.index++;
			if(e.button == _this.mouseState)
			{
				_this.setDragInfo(e,moveId,moveId);
				_this.dragPro(moveId);
			}			
		},
		_this.$(moveId).onmousedown = function(e){
			_this.$(moveId).style.zIndex = _this.index++;
		},		
		_this.$(dragId).onmouseup = function(){
			_this.clearDragId();
		}
		document.onmouseup = function(){
			_this.clearDragId();
		}
	},
	setDragInfo:function(e,dragId,moveId){//拖動初始化
		this.x = e.clientX;
		this.y = e.clientY;
		this.dragId = dragId;
		if(this.$(moveId).style.position != "absolute")
		{
			this.$(moveId).style.width = this.$(moveId).offsetWidth + "px";	
			this.$(moveId).style.height = this.$(moveId).offsetHeight + "px";
			this.$(moveId).style.position = "absolute";
			this.$(moveId).style.left = this.$(moveId).offsetLeft + "px";
			this.$(moveId).style.top = this.$(moveId).offsetTop + "px";
		}				
	},
	clearDragId:function(){ //清除拖動ID
		this.dragId = null;
	},
	dragPro:function(moveId){
		var _this = this;
		document.onmousemove = function(e){
			var e = e ? e : event;
			if(e.button == _this.mouseState && _this.dragId != null)
			{
				var x = e.clientX;
				var y = e.clientY;
				//_this.$(moveId).style.left = (_this.$(moveId).offsetLeft + (x - _this.x)) + "px";
				//_this.$(moveId).style.top = (_this.$(moveId).offsetTop + (y - _this.y)) + "px";
				_this.$(moveId).style.left = (parseInt(_this.$(moveId).style.left) + (x - _this.x)) + "px";
				_this.$(moveId).style.top = (parseInt(_this.$(moveId).style.top) + (y - _this.y)) + "px";
				_this.x = x;
				_this.y = y;
				//alert(_this.$(dragId).style.left);
			}
			
		}
	},
	$:function(o){//獲取對象
		if(typeof(o) == "string")
		{
			if(document.getElementById(o))
			{
				return document.getElementById(o);
			}
			else
			{
				alert("errId \""+ o + "\"!");
				return false;
			}
		}
		else
		{
			return o;
		}
	}
}
window.onload = function(){
	var c = new dragClass();
	c.dragStar("b","a");
	c.dragStar("d","c");
}
</script>
</head>
<body>
<div class="bodyer">
	<h1 class="t_rt">
		鼠標拖動層封裝類
	</h1>
	
	<h2>
		效果預覽
	</h2>
	
	<div class="preview">
		<div class="scrolldoorFrame">
			<div id="a" style="width:200px;height:150px;background:#FFF;border:1px solid #DDD;">
				<div id="b" style="height:20px;margin:1px;line-height:22px;overflow:hidden;background:#999;font-size:12px;font-weight:bold;color:#FFF;padding-left:15px;">
				拖動層1
				</div>
				&nbsp;&nbsp;&nbsp;&nbsp;移動層
			</div>
			
			<div id="c" style="width:200px;height:150px;background:#FFF;border:1px solid #DDD;">
				<div id="d" style="height:20px;margin:1px;line-height:22px;overflow:hidden;background:#999;font-size:12px;font-weight:bold;color:#FFF;padding-left:15px;">
				拖動層2
				</div>
				&nbsp;&nbsp;&nbsp;&nbsp;移動層
			</div>
		</div>
	</div>
	
	<h2>
		源代碼
	</h2>
	
	<div class="textDiv">
		<textarea id="sourse">
function dragClass(){
	this.mouseState = document.all ? 1 : 0 ;
	this.x;
	this.y;
	this.dragId = null;
	this.index = 100;
	document.onselectstart = function(){return false;};
}
dragClass.prototype = {
	dragStar:function(dragId,moveId){//拖動入口函數
		var _this = this;	
		_this.$(dragId).style.cursor = "move";	
		_this.$(dragId).onmousedown = function(e){
			var e = e ? e : event;
			//_this.$(moveId).style.zIndex = _this.index++;
			if(e.button == _this.mouseState)
			{
				_this.setDragInfo(e,moveId,moveId);
				_this.dragPro(moveId);
			}			
		},
		_this.$(moveId).onmousedown = function(e){
			_this.$(moveId).style.zIndex = _this.index++;
		},		
		_this.$(dragId).onmouseup = function(){
			_this.clearDragId();
		}
		document.onmouseup = function(){
			_this.clearDragId();
		}
	},
	setDragInfo:function(e,dragId,moveId){//拖動初始化
		this.x = e.clientX;
		this.y = e.clientY;
		this.dragId = dragId;
		if(this.$(moveId).style.position != "absolute")
		{
			this.$(moveId).style.width = this.$(moveId).offsetWidth + "px";	
			this.$(moveId).style.height = this.$(moveId).offsetHeight + "px";
			this.$(moveId).style.position = "absolute";
			this.$(moveId).style.left = this.$(moveId).offsetLeft + "px";
			this.$(moveId).style.top = this.$(moveId).offsetTop + "px";
		}				
	},
	clearDragId:function(){ //清除拖動ID
		this.dragId = null;
	},
	dragPro:function(moveId){
		var _this = this;
		document.onmousemove = function(e){
			var e = e ? e : event;
			if(e.button == _this.mouseState && _this.dragId != null)
			{
				var x = e.clientX;
				var y = e.clientY;
				//_this.$(moveId).style.left = (_this.$(moveId).offsetLeft + (x - _this.x)) + "px";
				//_this.$(moveId).style.top = (_this.$(moveId).offsetTop + (y - _this.y)) + "px";
				_this.$(moveId).style.left = (parseInt(_this.$(moveId).style.left) + (x - _this.x)) + "px";
				_this.$(moveId).style.top = (parseInt(_this.$(moveId).style.top) + (y - _this.y)) + "px";
				_this.x = x;
				_this.y = y;
				//alert(_this.$(dragId).style.left);
			}
			
		}
	},
	$:function(o){//獲取對象
		if(typeof(o) == "string")
		{
			if(document.getElementById(o))
			{
				return document.getElementById(o);
			}
			else
			{
				alert("errId \""+ o + "\"!");
				return false;
			}
		}
		else
		{
			return o;
		}
	}
}
		</textarea>
	</div>
	
	<h2>
		使用方法
	</h2>
	
  <div class="preview">
		1.把以上代碼引進你的頁面 &lt;script type=&quot;text/javascript&quot; src=&quot;dragClass.js&quot;&gt;&lt;/script&gt;<br/>
		2.在頁面的"&lt;/body&gt;"標簽前加入以下代碼:<br/>
		<div class="example">			
			&lt;script type=&quot;text/javascript&quot;&gt;<br/>
			window.onload = function(){<br />
	var c = new dragClass();//創建對象<br />
	c.dragStar(&quot;拖動id&quot;,&quot;移動層id&quot;);<br />
}<br/>
			&lt;/script&gt;
		</div>	
		其中sd方法中的參數為:<br/>
			參數一 "拖動id":鼠標經過時候鼠標樣式變成移動樣式模樣的元素的id<br/>
			參數二 "移動層id":即將移動的元素的id<br/>	
		<span class="red">3.建議移動層是絕對定位(position:absolute;).</span>		
  </div>
	
</div>
<div class="authorInfo">
	<div class="cont">
		十三妖 ThirdteenDevil <br/>
		[qq:181907667] [msn:wl181907667@hotmail.com] [e-mail:thirdteendevil@163.com]
	</div>
</div>
</body>
</html>

前一頁:兼容IE和FF的收藏本站、設為首頁代碼

后一頁:漂亮的頁面loading等待頁面特效(3)

相關閱讀: 關于深山旅行社演示網站一些錯誤; 網頁制作中關于瀏覽器寬度和高度的設定研究（轉載）; javascript根據內容轉換為拼音; 利用javascript簡短功能就可以檢查form表單中的元素是否已經填寫; div span 之間不同的用法; 諸城市龍馬假日旅行社; 秀色攝影; 文本框輸入限制

共有0條關于《拖動效果封裝已經修改，適應火狐》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: javascript正則的用法與示例; 非常不錯的頁面搜索器,還可以移動; 百度蜘蛛飼養技巧; 如何加快網站訪問速度; 用戶注冊時的密碼強度提示; 腳本控制三行三列自適應高度DIV布局

更多標簽熱門標簽

路徑圖片上傳框提交收縮采集游戲常用 sel 框生成器 window 變化左右 email Javascript實現CSS代碼高亮顯示1 不對齊 Google 鏈接樣式省略搜索引擎理想 script jpg 居中 instr outerHTML 省市驗證碼 box 評論彩色無限 dl 心情網頁 textarea dreawmeaver 透明模仿單選滑輪縣 visite photoshop 失效 pt 類別尺寸文章清除

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

拖動效果 封裝 已經修改，適應火狐

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷

拖動效果封裝已經修改，適應火狐