一起草最新网址_日韩一区二区麻豆国产_91视频婷婷_日本一区二区视频在线_日韩激情一区二区三区_国产另类第一区_成人免费在线播放视频_亚洲永久精品ww.7491进入_久久这里有精品视频_久久精品一级片_日韩av在线网页_波多野结衣不卡视频

每日更新|TOP排行榜|Tag標簽|充值

無憂首頁網頁模板程序模板建站教程視頻教程網頁特效圖標素材字體下載站長工具站長問答

網頁特效代碼模板無憂>網頁特效>層和布局特效代碼>

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

JavaScript文章列表的拖拽排序_層和布局特效

查看演示效果

特效Tag：拖拽添加

JavaScript文章列表的拖拽排序，可隨意拖動任一個LI列表至某一位置，它會自動吸咐，流行的JS技術，感覺很好。

<!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" mrc="text/html; charset=gb2312" />
<title>JavaScript拖拽進行列表排序 -www.zhaotila.cn</title>
	<style type="text/css">
	body{
		margin:0px;
		padding:0px;
		background-repeat:no-repeat;
		padding-top:85px;					
		overflow:hidden;
		padding-left:10px;
		-moz-user-select:no;
	}
	#movableNode{
		position:absolute;
	}
	
	#arrDestInditcator{
		position:absolute;
		display:none;
		width:100px;
	}
	#arrangableNodes,#movableNode ul{
		padding-left:0px;
		margin-left:0px;
		margin-top:0px;
		padding-top:0px;
	}
	
	#arrangableNodes li,#movableNode li{
		list-style-type:none;
		cursor:default;
	}

</style>
	
	<script type="text/javascript">
	var offsetYInsertDiv = -3; // Y offset for the little arrow indicating where the node should be inserted.
	if(!document.all)offsetYInsertDiv = offsetYInsertDiv - 7; 	// No IE

var arrParent = false;
	var arrMoveCont = false;
	var arrMoveCounter = -1;
	var arrTarget = false;
	var arrNextSibling = false;
	var leftPosArrangableNodes = false;
	var widthArrangableNodes = false;
	var nodePositionsY = new Array();
	var nodeHeights = new Array();
	var arrInsertDiv = false;
	var insertAsFirstNode = false;
	var arrNodesDestination = false;
	function cancelEvent()
	{
		return false;
	}
	function getTopPos(inputObj)
	{
		
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null){
	  	returnValue += inputObj.offsetTop;
	  }
	  return returnValue;
	}
	
	function getLeftPos(inputObj)
	{
	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
	  return returnValue;
	}
		
	function clearMovableDiv()
	{
		if(arrMoveCont.getElementsByTagName('LI').length>0){
			if(arrNextSibling)arrParent.insertBefore(arrTarget,arrNextSibling); else arrParent.appendChild(arrTarget);			
		}
		
	}
	
	function initMoveNode(e)
	{
		clearMovableDiv();
		if(document.all)e = event;
		arrMoveCounter = 0;
		arrTarget = this;
		if(this.nextSibling)arrNextSibling = this.nextSibling; else arrNextSibling = false;
		timerMoveNode();
		arrMoveCont.parentNode.style.left = e.clientX + 'px';
		arrMoveCont.parentNode.style.top = e.clientY + 'px';
		return false;
		
	}
	function timerMoveNode()
	{
		if(arrMoveCounter>=0 && arrMoveCounter<10){
			arrMoveCounter = arrMoveCounter +1;
			setTimeout('timerMoveNode()',20);
		}
		if(arrMoveCounter>=10){
			arrMoveCont.appendChild(arrTarget);
		}
	}
		
	function arrangeNodeMove(e)
	{
		if(document.all)e = event;
		if(arrMoveCounter<10)return;
		if(document.all && arrMoveCounter>=10 && e.button!=1 && navigator.userAgent.indexOf('Opera')==-1){
			arrangeNodeStopMove();
		}
		
		arrMoveCont.parentNode.style.left = e.clientX + 'px';
		arrMoveCont.parentNode.style.top = e.clientY + 'px';	
		
		var tmpY = e.clientY;
		arrInsertDiv.style.display='none';
		arrNodesDestination = false;

if(e.clientX<leftPosArrangableNodes || e.clientX>leftPosArrangableNodes + widthArrangableNodes)return; 
			
		var subs = arrParent.getElementsByTagName('LI');
		for(var no=0;no<subs.length;no++){
			var topPos =getTopPos(subs[no]);
			var tmpHeight = subs[no].offsetHeight;
			
			if(no==0){
				if(tmpY<=topPos && tmpY>=topPos-5){
					arrInsertDiv.style.top = (topPos + offsetYInsertDiv) + 'px';
					arrInsertDiv.style.display = 'block';				
					arrNodesDestination = subs[no];	
					insertAsFirstNode = true;
					return;
				}				
			}
			
			if(tmpY>=topPos && tmpY<=(topPos+tmpHeight)){
				arrInsertDiv.style.top = (topPos+tmpHeight + offsetYInsertDiv) + 'px';
				arrInsertDiv.style.display = 'block';				
				arrNodesDestination = subs[no];
				insertAsFirstNode = false;
				return;
			}				
		}
	}
	
	function arrangeNodeStopMove()
	{
		arrMoveCounter = -1; 
		arrInsertDiv.style.display='none';
		
		if(arrNodesDestination){
			var subs = arrParent.getElementsByTagName('LI');
			if(arrNodesDestination==subs[0] && insertAsFirstNode){
				arrParent.insertBefore(arrTarget,arrNodesDestination);		
			}else{
				if(arrNodesDestination.nextSibling){
					arrParent.insertBefore(arrTarget,arrNodesDestination.nextSibling);
				}else{
					arrParent.appendChild(arrTarget);
				}
			}
		}		
		arrNodesDestination = false;
		clearMovableDiv();
	}		
	
	function saveArrangableNodes()
	{
		var nodes = arrParent.getElementsByTagName('LI');
		var string = "";
		for(var no=0;no<nodes.length;no++){
			if(string.length>0)string = string + ',';
			string = string + nodes[no].id;		
		}
		
		document.forms[0].hiddenNodeIds.value = string;
		
		document.getElementById('arrDebug').innerHTML = 'Ready to save these nodes:<br>' + string.replace(/,/g,',<BR>');	
		
		}
	
	function initArrangableNodes()
	{
		arrParent = document.getElementById('arrangableNodes');
		arrMoveCont = document.getElementById('movableNode').getElementsByTagName('UL')[0];
		arrInsertDiv = document.getElementById('arrDestInditcator');
		
		leftPosArrangableNodes = getLeftPos(arrParent);
		arrInsertDiv.style.left = leftPosArrangableNodes - 5 + 'px';
		widthArrangableNodes = arrParent.offsetWidth;
		
		var subs = arrParent.getElementsByTagName('LI');
		for(var no=0;no<subs.length;no++){
			subs[no].onmousedown = initMoveNode;
			subs[no].onselectstart = cancelEvent;	
		}
	
		document.documentElement.onmouseup = arrangeNodeStopMove;
		document.documentElement.onmousemove = arrangeNodeMove;
		document.documentElement.onselectstart = cancelEvent;
		
	}	
	
	window.onload = initArrangableNodes;
	
	</script>

</head>
<body>

<H1>Arrange the nodes below</H1>
<ul id="arrangableNodes">
	<li id="node1">Node no. 1</li>
	<li id="node2">Node no. 2</li>
	<li id="node3">Node no. 3</li>
	<li id="node4">Node no. 4</li>
	<li id="node5">Node no. 5</li>
	<li id="node6">Node no. 6</li>
	<li id="node7">Node no. 7</li>
	<li id="node8">Node no. 8</li>	
	<li id="node9">Node no. 9</li>	
	<li id="node10">Node no. 10</li>	
	
</ul>	
<p>
	<a href="#" onclick="saveArrangableNodes();return false">Save</a>
</p>
<div id="movableNode"><ul></ul></div>	
<div id="arrDestInditcator"><img src="images/insert.gif"></div>
<div id="arrDebug"></div>
<form method="post" action="????">
<input type="hidden" name="hiddenNodeIds">
</form>

</body>
</html>

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

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

相關層和布局特效：

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

層和布局特效推薦

猜你也喜歡看這些

相關鏈接：
復制本頁鏈接| 搜索JavaScript文章列表的拖拽排序
特效說明：
層和布局模板-JavaScript文章列表的拖拽排序。

亚洲人成77777在线观看网| 欧美精品xxxxx| 国产亚洲自拍av| 成人综合婷婷国产精品久久| 欧美综合一区二区| 91精品一区二区| 一区二区91美女张开腿让人桶| 欧洲精品在线视频| 亚洲自拍的二区三区| 中文字幕人妻一区二区三区在线视频| 亚洲国产精品一| 精品成人国产在线观看男人呻吟| 午夜精品久久久久久久99热浪潮| 日韩中文字幕在线免费观看| 日本xxx免费| 一级免费在线观看| 亚洲永久免费视频| 日本乱人伦a精品| 婷婷激情综合五月天| 五月激情丁香婷婷| 欧美成va人片在线观看| 蜜桃视频成人| 精品一级少妇久久久久久久| 国产精品视频线看| 97人人模人人爽人人喊中文字| 日本美女高潮视频| 久久精品女人| 日韩av综合中文字幕| 欧美日韩亚洲视频一区| 久久人人爽人人爽人人片av高请| 日本一二三四区视频| 蜜桃一区二区三区在线观看| 亚洲精品综合久久中文字幕| 日本日本19xxxⅹhd乱影响| 国产av一区二区三区精品| 欧美日韩视频在线第一区| 日韩久久不卡| 性欧美18一19性猛交| 欧美成人午夜电影| 国产精品无码专区av在线播放| 久久一区视频| 欧美精品亚州精品| 搡老熟女老女人一区二区| 欧美激情综合在线| 国产精品日韩| 成人黄色片在线观看| 欧美一区二区在线看| 国产日韩欧美在线| 免费欧美在线视频| 91成人天堂久久成人| sm捆绑调教视频| 欧美性xxxxxx少妇| www.99热这里只有精品| 精品一区二区久久| 成人免费视频在线观看| 欧美精品久久一区二区| 小早川怜子一区二区的演员表| 色哟哟一区二区三区| 大j8黑人w巨大888a片| yourporn久久国产精品| 97欧洲一区二区精品免费| 一区二区日韩在线观看| 久久久精品一区二区| 在线免费观看亚洲视频| 亚洲二区中文字幕| 国产成人精品无码免费看夜聊软件| 精品久久久久久中文字幕大豆网| 欧美视频在线播放一区| 亚洲国产岛国毛片在线| 正在播放一区二区三区| 成人黄色a**站在线观看| 麻豆传媒一区| 粉嫩aⅴ一区二区三区四区 | 午夜精品久久久久久久男人的天堂 | 国产精品99久久久久久久久 | 欧美日韩免费在线观看| 99热手机在线| 图片区小说区国产精品视频| 亚洲人成无码www久久久| 亚洲一区二区三区精品在线| 黑人粗进入欧美aaaaa| 亚洲最大的成人av| 五月天开心婷婷| 欧美日韩一区三区| 日韩片在线观看| 日韩av一区二区在线| 久久中文字幕无码| 亚洲伊人色欲综合网| 欧美性视频网站| 日本888xxxx| 777奇米四色成人影色区| 日韩avvvv在线播放| 国内伊人久久久久久网站视频 | 日本在线不卡视频一二三区| 1卡2卡3卡精品视频| 国产一区二区不卡老阿姨| 在线播放亚洲| 伊人婷婷欧美激情| 色欲欲www成人网站| 日韩精品中文字幕在线一区| 精品无码人妻一区二区三| 欧美精品videos另类日本| 香蕉久久一区二区三区| 狠狠干一区二区| 国产精品伦理在线| 醉酒壮男gay强迫野外xx| 日韩精品视频在线观看网址| 波多野结衣一区二区三区四区| 国产精品视频一区国模私拍| 成人a免费在线看| 激情五月婷婷久久| 欧美不卡一二三| 一级黄色片在线播放| 久久av免费一区| 日韩欧美国产骚| 久久国产视频播放| 久久精品99| 在线观看国产一区二区| 亚洲欧美一二三区| 日韩欧美一区二区三区四区五区| 亚洲人成网站精品片在线观看 | 欧美日韩一区二区视频在线| 日韩欧美在线视频| 亚洲天堂网视频| 中文字幕色呦呦| 亚洲二区中文字幕| 久久精品综合| 可以看污的网站| 国模吧一区二区三区| 国产成+人+日韩+欧美+亚洲| 日韩av在线中文| 久久久久久九九九| 国产免费久久精品| 青青草手机在线观看| 麻豆传媒一区| 欧美一区日本一区韩国一区| 免费观看的毛片| 涩涩网站在线看| 2019中文字幕在线免费观看| 亚洲精品精品亚洲| 在线观看中文字幕2021| 久久免费视频3| 97国产在线视频| 香蕉乱码成人久久天堂爱免费| 国产一级片免费视频| 国产精品久久久久9999小说| 色综合男人天堂| 亚洲色图在线播放| www.我爱av| 五十路六十路七十路熟婆 | 国产91绿帽单男绿奴| 美女日批在线观看| 精品91免费| 亚洲免费影视第一页| 91免费看视频| av大片在线免费观看| 午夜国产福利在线观看| 日韩av影视在线| 国模一区二区三区白浆| 久久久精品视频免费观看| 少妇特黄a一区二区三区| 中文字幕亚洲自拍| 午夜精品一区二区三区电影天堂| 免费观看黄色一级视频| 白丝女仆被免费网站| 日韩精品久久久| 日韩一区二区精品视频| 亚洲高清视频在线| 久久99精品国产麻豆不卡| 亚洲精品www久久久久久| 污污视频网站在线| 性欧美videosex高清少妇| 91成人在线观看国产| 日韩精品一区二区三区蜜臀| 欧美激情一区在线| 国精产品一品二品国精品69xx | 国产99午夜精品一区二区三区| 一区二区三区精品99久久| 色综合天天性综合| 日本一区二区视频在线| 成人午夜免费在线观看| 日韩影院一区二区| 亚洲最大视频网| 人妻少妇精品久久| 久久久久久久久四区三区| 久久久久九九九九| 亚洲欧洲午夜一线一品| 日韩欧美国产视频| 中文字幕一区三区| av成人免费在线| 日韩精品欧美精品| 91tv国产成人福利| 国产精品30p| 91av手机在线| 亚洲一级中文字幕| 少妇搡bbbb搡bbb搡打电话| 欧美一级黄色片视频| 国产精品视频二| 亚洲一区二区在线观| 好看的日韩精品| 99国产在线观看| 国产精品久久久91| 国产va免费精品高清在线| 久热99视频在线观看| 自拍亚洲一区欧美另类| 国产丝袜高跟一区| 精品国产一区二区亚洲人成毛片| 欧美日韩高清不卡| 欧美一区二区三区视频免费| 欧美日韩另类一区| 欧美电影一区二区三区| 337p亚洲精品色噜噜狠狠| 日韩欧美极品在线观看| 亚洲大尺度视频在线观看| 亚洲综合偷拍欧美一区色| 国产精品久久福利| 国产精品电影一区二区| 一区精品在线播放| 伊人性伊人情综合网| 日本乱人伦aⅴ精品| 欧美吻胸吃奶大尺度电影 | 无码少妇一区二区三区芒果| 情侣黄网站免费看| 免费观看黄网站| 黑人と日本人の交わりビデオ| 青青草激情视频| 中文字幕视频一区| www.日日夜夜| 麻豆精品精品国产自在97香蕉| 国产精品亚洲第一区在线暖暖韩国| 成人自拍视频在线| 亚洲色图欧洲色图婷婷| 欧美日韩中文字幕一区二区| 日韩电影第一页| 欧美国产激情18| 成人区精品一区二区| 日韩视频在线观看视频| 别急慢慢来1978如如2| 中文字幕免费高清| 亚洲欧美精品一区二区三区| 视频一区二区免费| 日本一区二区三区dvd视频在线| 欧美性猛交xxxx| 国产午夜精品美女视频明星a级| 97在线视频免费| 欧美日韩精品久久久免费观看| 欧美日韩激情视频在线观看| 精品欧美一区二区久久久| 在线观看国产小视频| 国产一区二区三区免费| 国产又黄又粗又猛又爽| 久久精品一区二区三区中文字幕| 国产调教视频一区| 精品国产髙清在线看国产毛片| 91国产美女视频| 亚洲一区二区三区精品动漫| 乳色吐息在线观看| 一级片在线免费观看视频| 99在线精品免费| 亚洲免费av片| 91超碰在线免费观看| 日本特黄a级片| 中文字幕乱码一区二区 | 亚洲精品中文字幕在线观看| 在线精品视频视频中文字幕| 黑人中文字幕一区二区三区| 91视频在线免费| 人妻偷人精品一区二区三区| 亚洲地区一二三色| 久久精品国产精品| 18视频在线观看娇喘| 欧美毛片在线观看| 91在线观看免费视频| 日韩激情av在线免费观看| 久久精品国产精品国产精品污| 亚洲永久无码7777kkk| 免费高清视频精品| 777午夜精品免费视频| 91久久夜色精品国产网站| 国内av免费观看| 欧日韩在线视频| 91国产视频在线观看| 热99精品里视频精品| 国产又黄又猛又粗又爽的视频| 高清乱码免费看污| 亚洲超碰97人人做人人爱| 国产mv免费观看入口亚洲| 黄色一级片免费的| 亚洲人妻一区二区| 日韩一级完整毛片| 亚洲视频在线观看日本a| 色欲狠狠躁天天躁无码中文字幕| 狠狠色2019综合网| 亚洲免费小视频| 18岁网站在线观看| 六月婷婷综合网| 欧美日韩视频在线观看一区二区三区| 欧美激情视频一区二区三区不卡| 在线观看亚洲色图| 日韩国产欧美在线视频| 亚洲成人aaa| 欧美韩国日本在线| 日本免费不卡视频| 亚洲精品成人久久| xxxx一级片| 国产美女娇喘av呻吟久久| 久久九九国产精品怡红院| 国产爆乳无码一区二区麻豆| 免费观看a视频| 亚洲最新中文字幕| 手机av在线网| 久久久99免费| 91网站免费观看| 精品无码黑人又粗又大又长| 色先锋久久av资源部| 免费观看黄色大片| 五月婷婷在线播放| 欧美激情一级精品国产| 国模无码视频一区| 亚洲欧美二区三区| 久久综合入口| 你懂的网站在线| 欧美成人激情在线| 国产人妻大战黑人20p| 色素色在线综合| 国产精品无码av在线播放| 国产麻豆精品视频| 7777精品伊久久久大香线蕉语言| 国产精品久免费的黄网站| 欧美一区二区三级| www.五月天色| 亚洲成av人在线观看| 免费拍拍拍网站| 97se亚洲国产综合在线| 久久综合福利| 日本大胆欧美人术艺术动态| 奇米四色中文综合久久| 久久久久久久亚洲| 成年无码av片在线| 中文字幕一区二区人妻在线不卡| 日本乱人伦一区| 在线播放黄色av| 午夜日韩在线电影| 中文字幕有码av| 久久久亚洲欧洲日产国码αv| 天天干天天色天天爽| 久久女同性恋中文字幕| 日韩最新中文字幕| 久久噜噜亚洲综合| 日本成人在线不卡| 国产女主播视频一区二区| 一本久道久久综合狠狠爱亚洲精品| 9色porny自拍视频一区二区| 午夜精品区一区二区三| 天堂一区二区在线免费观看| 国产精品久久久久久久小唯西川| 三级不卡在线观看| 国产精品日韩欧美一区二区| 国产精品白丝av| 中国黄色录像片| 亚洲精品成a人| 欧美又黄又嫩大片a级| 欧美日韩在线播放一区| 99国产精品免费| 九九热精品视频在线播放| 伊人亚洲综合网| 91啪国产在线| 国产午夜精品一区二区 | 亚洲一二三四在线观看| 大j8黑人w巨大888a片| 天天免费综合色| 亚洲色成人网站www永久四虎| 一区二区欧美在线| 9i精品福利一区二区三区| 高清av免费一区中文字幕| 国产精品视频第一区| mm1313亚洲国产精品无码试看| 欧美午夜一区二区三区免费大片| 日韩一区二区a片免费观看| 久久天堂电影网| 久久99热国产| 男人天堂网视频| 亚洲精品aⅴ中文字幕乱码| 一区二区三区精彩视频| 欧美成熟毛茸茸复古| 精品毛片网大全| 青青草av在线播放| 亚洲在线www| 亚洲男人的天堂av| 激情图片qvod| 亚洲精品国产成人| 欧美一级免费片| 国产免费黄视频| 亚洲欧美日韩精品| 久久精品国产久精国产爱| 九九九九免费视频| 亚洲欧美日韩中文视频| 日韩精品免费视频人成| 国产精品12345| 精品视频在线视频| 亚洲精品无码久久久| 午夜在线视频免费观看| 欧美精品一区在线观看| 久久久久国产精品一区三寸| 天天干,夜夜爽| 视频一区二区在线观看| 亚洲成人av中文字幕| 国产精品久久综合青草亚洲AV| 日韩欧美激情一区二区| 精品粉嫩超白一线天av|

<delect id="1xdui"><p id="1xdui"><em id="1xdui"></em></p></delect>

<style id="1xdui"></style>

<form id="1xdui"></form>

<small id="1xdui"></small>

<label id="1xdui"></label>