亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 實用代碼 > 正文

JavaScript內面內容上移、下移效果代碼

2024-09-05 12:18:10

字體：大中小

來源：轉載

供稿：網友

JavaScript內面內容上移、下移效果代碼

<!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 content="text/html; charset=UTF-8" http-equiv="Content-Type"><title>myOrder上移、下移效果</title><style type="text/css">	* {		padding:0;		margin:0;	}	.content {width:500px;margin:20px auto;}		#pCon {width:500px;list-style:none;}	#pCon li {height:20px;display:block;border-bottom:1px #ccc solid;}	#pCon li a{margin-left:5px;text-decoration:none;}	#pCon li a:hover{cursor:hand;}	.context {float:left;display:inline;}	.control {float:right;display:inline;}	.control img {width:50px;height:12px;overflow:hidden;float:left;display:inline;}        hr {margin:30px auto;}        #pCon1 {width:500px;list-style:none;}	#pCon1 li {height:20px;display:block;border-bottom:1px #ccc solid;}	#pCon1 li a{margin-left:5px;text-decoration:none;}	#pCon1 li a:hover{cursor:hand;}</style></head><body><div   id="wouk8i4"   class="content"><ul id="pCon"><li><div   id="ege64mc"   class="context">神馬都是浮云A</div></li><li><div   id="ua4m8go"   class="context">神馬都是浮云B</div></li><li><div   id="4aiy8e4"   class="context">神馬都是浮云C</div></li><li><div   id="qii6c4c"   class="context">神馬都是浮云D</div></li><li><div   id="4y4eqgg"   class="context">神馬都是浮云E</div></li></ul><hr/><ul id="pCon1"><li><div   id="gqge4aa"   class="context">神馬都是浮云A</div></li><li><div   id="y4yssiq"   class="context">神馬都是浮云B</div></li><li><div   id="6si46ec"   class="context">神馬都是浮云C</div></li><li><div   id="yyaq8w4"   class="context">神馬都是浮云D</div></li><li><div   id="e4wiyww"   class="context">神馬都是浮云E</div></li></ul></div><script>function moveSonU(tag,pc){	var tagPre=get_previoussibling(tag);        var t=document.getElementById(pc);	if(tagPre!=undefined){		t.insertBefore(tag,tagPre);	}}function moveSonD(tag){	var tagNext=get_nextsibling(tag);	if(tagNext!=undefined){		insertAfter(tag,tagNext);	}}function get_previoussibling(n){	if(n.previousSibling!=null){		var x=n.previousSibling;		while (x.nodeType!=1)		{			x=x.previousSibling;		}		return x;	}}function get_nextsibling(n){	if(n.nextSibling!=null){		var x=n.nextSibling;		while (x.nodeType!=1)		{			x=x.nextSibling;		}		return x;	}}function insertAfter(newElement,targetElement){	var parent=targetElement.parentNode;	if(parent.lastChild==targetElement){		parent.appendChild(newElement);	}else{		parent.insertBefore(newElement,targetElement.nextSibling);	}}function myOrder(myList,m,mO,mT){//myList為ul的id值，m為0顯示文字，m為1顯示圖片，mO、mT為文字或圖片內容	var pCon=document.getElementById(myList);	var pSon=pCon.getElementsByTagName("li");	for(i=0;i<pSon.length;i++){		var conTemp=document.createElement("div");		conTemp.setAttribute("class","control");		var clickUp=document.createElement("a");		var clickDown=document.createElement("a");		if(m==0){		var upCon=document.createTextNode(mO);		var downCon=document.createTextNode(mT);		}else{		var upCon=document.createElement("img");		var downCon=document.createElement("img");		upCon.setAttribute("src",mO);		downCon.setAttribute("src",mT);		}		clickUp.appendChild(upCon);		clickUp.setAttribute("href","#");		clickDown.appendChild(downCon);		clickDown.setAttribute("href","#");		pSon[i].appendChild(conTemp);		conTemp.appendChild(clickUp);		conTemp.appendChild(clickDown);		clickUp.onclick=function(){			moveSonU(this.parentNode.parentNode,myList);		}		clickDown.onclick=function(){			moveSonD(this.parentNode.parentNode);		}	}}myOrder("pCon",1,"http://bbs.blueidea.com/images/smilies/default/rolleyes.gif","http://bbs.blueidea.com/images/smilies/default/han.gif");myOrder("pCon1",0,"上移","下移");</script></body></html>

上一篇：JavaScript鍵盤事件全面控制

下一篇：jQuery Email郵箱地址自動補全代碼

學習交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網友關注

亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

亚洲免费高清视频| 久久久国产视频91| 亚洲黄色免费三级| 91久久久亚洲精品| 久久精品久久久久久国产免费| 狠狠色噜噜狠狠狠狠97| 久久精品视频免费播放| 日韩精品一区二区视频| 最近2019年日本中文免费字幕| 欧美日韩精品中文字幕| 国产精品美女免费看| 日韩在线播放视频| 日韩国产高清视频在线| 久久久久久com| 欧美日韩午夜视频在线观看| 国产精品久久久久91| 精品久久久国产精品999| 国产成人啪精品视频免费网| 精品亚洲精品福利线在观看| 国产日韩换脸av一区在线观看| 久久视频在线直播| 久久精品亚洲一区| 久久人人爽人人爽爽久久| 国产欧美精品一区二区三区-老狼| 欧美成人一区二区三区电影| 中文字幕在线观看亚洲| 国产精品旅馆在线| 永久免费精品影视网站| 欧美日本啪啪无遮挡网站| 国产这里只有精品| 91亚洲精品久久久久久久久久久久| 久久91亚洲精品中文字幕| 欧美体内谢she精2性欧美| 国产精品入口免费视| 亚洲成人国产精品| 久久6免费高清热精品| 26uuu亚洲伊人春色| 欧美日韩亚洲一区二区| 久久精品久久久久| 都市激情亚洲色图| 奇米影视亚洲狠狠色| 国产成人精品av| 亚洲欧美国产精品| 亚洲精品视频二区| 日韩电视剧免费观看网站| 国产精品久久久久久久久久久新郎| 亚洲国产精品电影| 亚洲天堂av在线播放| 国产精品日韩在线一区| 成人久久久久久久| 亚洲午夜精品视频| 国产精品成人一区二区三区吃奶| 色中色综合影院手机版在线观看| 国产视频观看一区| 精品福利在线观看| 国产精品国产三级国产专播精品人| 日韩精品视频免费| 国产美女久久精品香蕉69| 亚洲区中文字幕| 91日本在线观看| 日韩av资源在线播放| 日本最新高清不卡中文字幕| 这里精品视频免费| 日韩成人在线电影网| 日本久久久久亚洲中字幕| 欧美视频中文在线看| 日本一区二区在线播放| 国内精久久久久久久久久人| 国产欧美精品在线播放| 黑人与娇小精品av专区| 精品美女久久久久久免费| 日本精品一区二区三区在线播放视频| 国产日韩欧美中文在线播放| 91精品国产九九九久久久亚洲| 亚洲色图校园春色| 亚洲综合国产精品| 亚洲三级欧美三级| 国产热re99久久6国产精品| 欧美国产欧美亚洲国产日韩mv天天看完整| 欧美性感美女h网站在线观看免费| 亚洲香蕉成人av网站在线观看| 欧美激情精品久久久久久免费印度| 777国产偷窥盗摄精品视频| 国产女精品视频网站免费| 国产精品国内视频| 久久久噜噜噜久噜久久| 国产一区二区丝袜高跟鞋图片| 久久影视三级福利片| 亚洲午夜精品久久久久久性色| 韩国视频理论视频久久| 韩国三级电影久久久久久| 国内偷自视频区视频综合| 91精品国产综合久久香蕉最新版| 欧美精品videosex牲欧美| 日韩精品免费综合视频在线播放| 亚洲欧美日韩中文在线制服| 成人有码在线播放| 97国产一区二区精品久久呦| 午夜精品久久久久久99热| 成人福利视频在线观看| 中文字幕亚洲一区在线观看| 午夜精品久久久久久久99热| 91免费视频国产| 亚洲欧美国内爽妇网| 亚洲男人天堂手机在线| 欧美日韩国产123| 欧美日韩国产第一页| 欧美最猛性xxxxx(亚洲精品)| 国产亚洲成av人片在线观看桃| 亚洲黄一区二区| 欧美一级在线亚洲天堂| 一区二区三区国产在线观看| 久久91精品国产91久久跳| 欧美一区二区三区艳史| 日韩在线观看网址| 欧美老妇交乱视频| 亚洲成av人影院在线观看| 亚洲一区二区三区在线免费观看| 日韩亚洲一区二区| 欧美电影《睫毛膏》| 日韩中文有码在线视频| 欧美三级欧美成人高清www| 日韩免费看的电影电视剧大全| 成人欧美一区二区三区黑人| 国产精品美女免费看| 高清亚洲成在人网站天堂| 欧美国产精品人人做人人爱| 亚洲欧美激情四射在线日| 亚洲综合一区二区不卡| 色综合久久精品亚洲国产| 国产精品久久久久一区二区| 久久久国产一区二区| 国内精品一区二区三区四区| 欧美精品久久久久久久免费观看| 自拍亚洲一区欧美另类| 黑人狂躁日本妞一区二区三区| 91精品国产色综合久久不卡98口| 亚洲欧美精品中文字幕在线| 自拍视频国产精品| 91九色单男在线观看| 国产精品视频地址| 国产一区二区在线免费视频| 日韩欧美国产激情| 久久亚洲精品小早川怜子66| 国产精品视频播放| 欧美亚洲国产成人精品| 国产一区二区三区三区在线观看| 成人欧美一区二区三区在线湿哒哒| 亚洲男女自偷自拍图片另类| 欧美性猛交xxxx久久久| 亚洲香蕉av在线一区二区三区| 日韩av男人的天堂| 欧美日韩国产精品一区二区不卡中文| 日韩电影网在线| 日韩欧美一区二区三区久久| 日韩高清av一区二区三区| 欧美午夜视频一区二区| 亚洲午夜久久久久久久| 亚洲一区二区免费在线| 亚洲第一偷拍网| 欧美亚洲激情视频| 日本精品中文字幕| 国产美女久久久| 亚洲欧美国产精品久久久久久久|