教程集 www.jiaochengji.com
首页
|
golang教程
|
脚本编程
|
数据库
|
服务器技术
|
操作系统
|
建站教程
Golang 教程
教程集
>
脚本编程
>
javascript
> 正文 js拖动效果
js拖动效果
发布时间：2023-07-04 编辑：jiaochengji.com
教程集为您提供js拖动效果等资源，欢迎您收藏本站，我们将为您提供最新的js拖动效果资源
提示：您可以先修改部分代码再运行
<br /> <!--<br /> Com=window.Com||{};<br /> Com.Common={<br /> isIE6:function(){return navigator.userAgent.search('MSIE')>0&&navigator.userAgent.search('6')>0;},<br /> isIE:function(){return navigator.userAgent.search('MSIE')>0;},<br /> isOpera:function(){return navigator.userAgent.indexOf('Opera')>-1;},<br /> isMoz:function(){return navigator.userAgent.indexOf('Mozilla/5.')>-1;},<br /> <br /> LTrim:function(i){return i.replace(/^s*/,"");},<br /> RTrim:function(i){return i.replace(/s*$/,"");},<br /> Trim:function(i){return this.rTrim(this.lTrim(i));},<br /> <br /> $:function(i){<br /> if(!document.getElementById)return false;<br /> if(typeof i==="string"){<br /> if(document.getElementById && document.getElementById(i)) {// W3C DOM<br /> return document.getElementById(i);<br /> }<br /> else if (document.all && document.all(i)) {// MSIE 4 DOM<br /> return document.all(i);<br /> }<br /> else if (document.layers && document.layers[i]) {// NN 4 DOM.. note: this won't find nested layers<br /> return document.layers[i];<br /> } <br /> else {<br /> return false;<br /> }<br /> }<br /> else{return i;}<br /> },<br /> <br /> getElByClassName:function(tag,name,size,el){<br /> var el=(el)?el:document;<br /> var itm=el.getElementsByTagName(tag);<br /> var num=1;<br /> <br /> for(i=0;i<itm.length;i ){<br /> if(itm[i].className===name&&size===num){<br /> return itm[i];<br /> }<br /> else if(itm[i].className===name){<br /> num ;<br /> }<br /> }<br /> return false;<br /> },<br /> <br /> insertAfter:function(newElement,targetElement){<br /> var parent = targetElement.parentNode;<br /> if(parent.lastChild == targetElement){<br /> parent.appendChild(newElement); <br /> }<br /> else{<br /> parent.insertBefore(newElement,targetElement.nextSibling); <br /> } <br /> },<br /> <br /> liveClock:function(){<br /> // Set the text to display before the clock:<br /> var mypre_text = "当前时间：";<br /> // Display the time in 24 or 12 hour time?<br /> // 0 = 24, 1 = 12<br /> var my12_hour = 1;<br /> // How often do you want the clock updated?<br /> // 0 = Never, 1 = Every Second, 2 = Every Minute<br /> // If you pick 0 or 2, the seconds will not be displayed<br /> var myupdate = 1;<br /> // Display the date?<br /> // 0 = No, 1 = Yes<br /> var DisplayDate = 1;<br /> // Global varibale definitions:<br /> var dn="";<br /> // The following arrays contain data which is used in the clock's<br /> // date function. Feel free to change values for Days and Months<br /> // if needed (if you wanted abbreviated names for example).<br /> var DaysOfWeek = new Array(7);<br /> DaysOfWeek[0] = "星期日";<br /> DaysOfWeek[1] = "星期一";<br /> DaysOfWeek[2] = "星期二";<br /> DaysOfWeek[3] = "星期三";<br /> DaysOfWeek[4] = "星期四";<br /> DaysOfWeek[5] = "星期五";<br /> DaysOfWeek[6] = "星期六";<br /> var MonthsOfYear = new Array(12);<br /> MonthsOfYear[0] = "1";<br /> MonthsOfYear[1] = "2";<br /> MonthsOfYear[2] = "3";<br /> MonthsOfYear[3] = "4";<br /> MonthsOfYear[4] = "5";<br /> MonthsOfYear[5] = "6";<br /> MonthsOfYear[6] = "7";<br /> MonthsOfYear[7] = "8";<br /> MonthsOfYear[8] = "9";<br /> MonthsOfYear[9] = "10";<br /> MonthsOfYear[10] = "11";<br /> MonthsOfYear[11] = "12";<br /> // This array controls how often the clock is updated,<br /> // based on your selection in the configuration.<br /> var ClockUpdate = new Array(3);<br /> ClockUpdate[0] = 0;<br /> ClockUpdate[1] = 1000;<br /> ClockUpdate[2] = 60000; <br /> <br /> <br /> // Get all our date variables:<br /> var Digital = new Date();<br /> var year = Digital.getYear();<br /> var day = Digital.getDay();<br /> var mday = Digital.getDate();<br /> var month = Digital.getMonth();<br /> var hours = Digital.getHours();<br /> var minutes = Digital.getMinutes();<br /> var seconds = Digital.getSeconds();<br /> // Set up the hours for either 24 or 12 hour display:<br /> if(my12_hour){<br /> dn = "AM";<br /> if (hours > 12) { dn = "PM"; hours = hours - 12; }<br /> if (hours == 0) { hours = 12; }<br /> } <br /> else{<br /> dn = "";<br /> }<br /> if (minutes <= 9) { minutes = "0" minutes; }<br /> if (seconds <= 9) { seconds = "0" seconds; }<br /> if (year < 1000) {year = 1900; }<br /> // This is the actual HTML of the clock. If you're going to play around<br /> // with this, be careful to keep all your quotations in tact.<br /> myclock = '';<br /> myclock = mypre_text;<br /> myclock = hours ':' minutes;<br /> <br /> if ((myupdate < 2) || (myupdate == 0)) { myclock = ':' seconds; }<br /> myclock = ' ' dn;<br /> <br /> if (DisplayDate){ myclock = ' ' year '年' MonthsOfYear[month] '月' mday '日' ' ' DaysOfWeek[day]; }<br /> if(!this.$("datetime")) return false;<br /> this.$("datetime").innerHTML = myclock; <br /> if(myupdate != 0){ <br /> setTimeout("Com.Common.liveClock('datetime')",ClockUpdate[myupdate]); <br /> }<br /> },<br /> <br /> popNew:function(url,title,width,height){<br /> var w = 1024;<br /> var h = 768;<br /> if (document.all || document.layers){<br /> w = screen.availWidth;<br /> h = screen.availHeight;<br /> }<br /> var leftPos = (w/2-width/2);<br /> var topPos = (h/2.3-height/2.3);<br /> window.open(url,title,"width=" width ",height=" height ",top=" topPos ",left=" leftPos ",scrollbars=no,resizable=no,status=no")<br /> },<br /> <br /> resetForm:function(whichForm){<br /> if(!whichForm) return false;<br /> for(var i=0;i<whichForm.elements.length;i ){<br /> var element = whichForm.elements[i];<br /> if(!element.defaultValue || element.type == "submit" || element.type == "button" || element.type == "reset") continue;<br /> <br /> element.onfocus = function(){<br /> if(this.value==this.defaultValue){<br /> this.value = "";<br /> } <br /> } <br /> <br /> element.onblur = function(){<br /> if(this.value==""){<br /> this.value = this.defaultValue;<br /> } <br /> } <br /> }<br /> },<br /> <br /> xPos:function(element){<br /> var positionX = 0;<br /> while(element != null){<br /> positionX = element.offsetLeft;<br /> element = element.offsetParent;<br /> }<br /> return positionX;<br /> },<br /> <br /> yPos:function(element){<br /> var positionY = 0;<br /> while(element != null){<br /> positionY = element.offsetTop;<br /> element = element.offsetParent;<br /> }<br /> return positionY;<br /> },<br /> <br /> addClass:function(element,value){<br /> if(!element.className){<br /> element.className = value; <br /> }<br /> else{<br /> var newClassName = element.className;<br /> newClassName = " ";<br /> newClassName = value;<br /> element.className = newClassName; <br /> }<br /> },<br /> <br /> styleElementsSiblings:function(tag,theClass){<br /> if(!document.getElementsByTagName) return false;<br /> var elems = document.getElementsByTagName(tag);<br /> <br /> for(var i=0;i<elems.length;i ){<br /> var elem = elems[i];<br /> this.addClass(elem,theClass); <br /> } <br /> },<br /> <br /> stripeTables:function(clsName){<br /> if(!document.getElementsByTagName) return false;<br /> var tables = document.getElementsByTagName("table");<br /> <br /> for(var i=0;i<tables.length;i ){<br /> var odd = false;<br /> var rows = tables[i].getElementsByTagName("tr");<br /> <br /> for(var j=0;j<rows.length;j ){<br /> if(odd == true){<br /> this.addClass(rows[j],clsName);<br /> odd = false; <br /> }<br /> else{<br /> odd = true;<br /> } <br /> } <br /> } <br /> },<br /> <br /> highLightRows:function(clsName,tag){<br /> if(!document.getElementsByTagName) return false;<br /> var rows = document.getElementsByTagName(tag);<br /> <br /> for(var i=0;i<rows.length;i ){<br /> rows[i].oldClassName = rows[i].className;<br /> <br /> rows[i].onmouseover = function(){<br /> Com.Common.addClass(this,clsName); <br /> }<br /> <br /> rows[i].onmouseout = function(){<br /> this.className = this.oldClassName; <br /> } <br /> } <br /> }<br /> }; <br /> Com.Cookie={<br /> setCookie:function(cn,cv,d,dm){<br /> var now=new Date();<br /> var expire=new Date();<br /> if(d==null||d==0)d=1;<br /> <br /> expire.setTime(now.getTime() 3600000*24*d);<br /> document.cookie=cn "=" escape(cv) ";expires=" expire.toGMTString() ";domain=" dm "; path=/";<br /> },<br /> <br /> deleteCookie:function(cn,dm){<br /> if(this.getCookie(name)){<br /> document.cookie=cn "=" ((domain)?"; domain=" dm:"") "; expires=Thu, 01-Jan-70 00:00:01 GMT";<br /> }<br /> },<br /> <br /> getCookie:function(cn){<br /> var dc=document.cookie;<br /> var prefix=cn "=";<br /> var begin=dc.indexOf("; " prefix);<br /> <br /> if(begin==-1){<br /> begin=dc.indexOf(prefix);<br /> if(begin!=0)return null;<br /> }<br /> else{<br /> begin =2;<br /> }<br /> <br /> var end=document.cookie.indexOf(";",begin); <br /> if(end==-1){end=dc.length;} <br /> return unescape(dc.substring(begin prefix.length,end));<br /> } <br /> };<br /> Com.StringBuffer={<br /> _strings_:new Array,<br /> <br /> Append:function(str){<br /> this._strings_.push(str);<br /> },<br /> <br /> toString:function(){<br /> return this._strings_.join("");<br /> }<br /> };<br /> Com.Event={<br /> addEvent:function(obj,evType,fn){<br /> if(obj.addEventListener){<br /> obj.addEventListener(evType,fn,false);<br /> return true;<br /> }<br /> else if(obj.attachEvent){<br /> var r=obj.attachEvent("on" evType,fn);<br /> Com.EventCache.add(obj,evType,fn);<br /> return r;<br /> }<br /> else{<br /> return false;<br /> }<br /> },<br /> <br /> removeEvent:function(obj,evType,fn){<br /> if(obj.removeEventListener){<br /> obj.removeEventListener(evType,fn,false);<br /> return true;<br /> }<br /> else if(obj.detachEvent){<br /> var r=obj.detachEvent("on" evType,fn);<br /> return r;<br /> }<br /> else{<br /> return false;<br /> }<br /> },<br /> <br /> getEvent:function(e){<br /> e=window.event||e;<br /> e.leftButton=false;<br /> <br /> if(e.srcElement==null&&e.target!=null){<br /> e.srcElement=e.target;<br /> e.leftButton=(e.button==1);<br /> }<br /> else if(e.target==null&&e.srcElement!=null){<br /> e.target=e.srcElement;<br /> e.leftButton=(e.button==0);<br /> }<br /> else if(e.srcElement!=null&&e.target!=null){<br /> }<br /> else{<br /> return null<br /> }<br /> if(document.body&&document.documentElement){<br /> e.mouseX=e.pageX||(e.clientX Math.max(document.body.scrollLeft,document.documentElement.scrollLeft));<br /> e.mouseY=e.pageY||(e.clientY Math.max(document.body.scrollTop,document.documentElement.scrollTop));<br /> }<br /> else{<br /> e.mouseX=-1;e.mouseY=-1;<br /> }<br /> return e;<br /> },<br /> <br /> stopEvent:function(e){<br /> if(e&&e.cancelBubble!=null){<br /> e.cancelBubble=true;<br /> e.returnValue=false;<br /> }<br /> <br /> if(e&&e.stopPropagation&&e.preventDefault){<br /> e.stopPropagation();<br /> e.preventDefault();<br /> }<br /> <br /> return false;<br /> }<br /> };<br /> Com.EventCache=function(){<br /> var listEvents=[];<br /> return{<br /> listEvents:listEvents,<br /> <br /> add:function(node,sEventName,fHandler,bCapture){<br /> listEvents[listEvents.length]=arguments;<br /> },<br /> <br /> flush:function(){<br /> var i,item;<br /> <br /> for(i=listEvents.length-1;i>=0;i=i-1){<br /> item=listEvents[i];<br /> <br /> if(item[0].removeEventListener){<br /> item[0].removeEventListener(item[1],item[2],item[3]);<br /> };<br /> <br /> if(item[1].substring(0,2)!="on"){<br /> item[1]="on" item[1];<br /> };<br /> <br /> if(item[0].detachEvent){<br /> item[0].detachEvent(item[1],item[2]);<br /> };<br /> <br /> item[0][item[1]]=null;<br /> };<br /> }<br /> };<br /> }();<br /> Com.Event.addEvent(window,"unload",Com.EventCache.flush);<br /> function error_handler(a,b,c){<br /> window.status=(c "n" b "nn" a "nn" error_handler.caller);<br /> return true;<br /> }<br /> Com.Ajax={<br /> useActiveX:function(){return (typeof ActiveXObject != "undefined");},<br /> useDom:function(){return document.implementation && document.implementation.createDocument;},<br /> useXmlHttp:function(){return (typeof XMLHttpRequest != "undefined");}, <br /> ARR_XMLHTTP_VERS : ["MSXML2.XmlHttp.6.0","MSXML2.XmlHttp.3.0"],<br /> ARR_DOM_VERS : ["MSXML2.DOMDocument.6.0","MSXML2.DOMDocument.3.0"],<br /> <br /> createXMLHTTPRequest:function(){<br /> //if it natively supports XMLHttpRequest object<br /> if (this.useXmlHttp){<br /> return new XMLHttpRequest();<br /> } <br /> else if (this.useActiveX) { //IE < 7.0 = use ActiveX<br /> if (!this.XMLHTTP_VER) {<br /> for (var i=0; i < this.ARR_XMLHTTP_VERS.length; i ) {<br /> try {<br /> new ActiveXObject(this.ARR_XMLHTTP_VERS[i]);<br /> this.XMLHTTP_VER = this.ARR_XMLHTTP_VERS[i];<br /> break;<br /> } catch (oError) { <br /> }<br /> }<br /> }<br /> if (this.XMLHTTP_VER) {<br /> return new ActiveXObject(this.XMLHTTP_VER);<br /> } <br /> else {<br /> throw new Error("Could not create XML HTTP Request.");<br /> }<br /> } <br /> else {<br /> throw new Error("Your browser doesn't support an XML HTTP Request.");<br /> }<br /> },<br /> <br /> Updater:function(tarObj,URL,sMethod,parameters){<br /> var oXmlHttp = this.createXMLHTTPRequest();<br /> <br /> oXmlHttp.open(sMethod, URL parameters, true);<br /> oXmlHttp.onreadystatechange = function () {<br /> if (oXmlHttp.readyState == 4) {<br /> if (oXmlHttp.status == 200 || window.location.href.indexOf("http")==-1) {<br /> if(Com.Common.$(tarObj)){<br /> Com.Common.$(tarObj).innerHTML = oXmlHttp.responseText;<br /> }<br /> else{<br /> return false; <br /> } <br /> } else {<br /> throw new Error("An error occurred.");<br /> }<br /> } <br /> }<br /> <br /> oXmlHttp.send(null); <br /> },<br /> <br /> Request:function(sMethod,URL,parameters,func){<br /> var oXmlHttp = this.createXMLHTTPRequest();<br /> <br /> oXmlHttp.open(sMethod, URL parameters, true);<br /> oXmlHttp.onreadystatechange = function() {<br /> if (oXmlHttp.readyState == 4) {<br /> if (oXmlHttp.status == 200 || window.location.href.indexOf("http")==-1) {<br /> return func(oXmlHttp); <br /> } else {<br /> throw new Error("An error occurred.");<br /> }<br /> } <br /> }<br /> <br /> oXmlHttp.send(null); <br /> }<br /> };<br /> Com.AjaxTab={ <br /> setTabsEvent:function(){<br /> for(var i=0;i<arguments.length;i ){<br /> var tabs = Com.Common.$(arguments[i]);<br /> var tarCnt = arguments[i];<br /> if(!tabs || !document.getElementsByTagName) return false;<br /> var theList = tabs.getElementsByTagName("li");<br /> var theLink = tabs.getElementsByTagName("a");<br /> <br /> for(var j=0;j<theList.length;j ){<br /> var theTab = theList[j];<br /> if(theTab.parentNode!=tabs) continue;<br /> <br /> var theA = theLink[j];<br /> theA.onclick = function(){<br /> return false; <br /> }<br /> <br /> theTab.onclick = function(){<br /> var theClass = this.className;<br /> var objId = this.getAttribute("id").split("_")[1];<br /> var theURL = (this.getAttribute("id").split("_")[0]) ".htm";<br /> <br /> if(theClass!="current"){<br /> Com.AjaxTab.chgTabStyle(tabs,objId,tarCnt,theURL); <br /> return false;<br /> }<br /> }<br /> } <br /> } <br /> },<br /> <br /> chgTabStyle:function(ListName,tabId,tarInject,URL){<br /> if(!ListName || !document.getElementsByTagName) return false;<br /> var Tabs = ListName;<br /> var theLi = Tabs.getElementsByTagName("li");<br /> <br /> for(var i=0;i<theLi.length;i ){<br /> if(i==tabId){<br /> theLi[tabId].className = "current";<br /> this.showMsg(tarInject "_cnt",URL);<br /> }<br /> else{<br /> theLi[i].className = ""; <br /> } <br /> }<br /> },<br /> <br /> showMsg:function(tagid,URL){<br /> if(!Com.Common.$(tagid)) return false;<br /> <br /> var loadstatustext="<div class='loading'>正在加载内容, 请稍候...<br /><img src='img/loading.gif' alt='正在加载内容, 请稍候...' /></div>"; <br /> Com.Common.$(tagid).innerHTML = loadstatustext; <br /> var para = "?d=" Math.random(); <br /> var myAjax = Com.Ajax.Updater(tagid,URL,"get",para);<br /> }<br /> }; <br /> //--><br /> <br /> 代码二.<br /> Com.Drag = {<br /> obj : null,<br /> init : function(o, oRoot, minX, maxX, minY, maxY, bSwapHorzRef, bSwapVertRef, fXMapper, fYMapper)<br /> {<br /> if(!o || !oRoot) return false;<br /> <br /> o.setAttribute("title","^-^,按住我，可以拖动我哦！！！");<br /> o.style.cursor = "move";<br /> <br /> o.onmousedown = Com.Drag.start;<br /> o.hmode = bSwapHorzRef ? false : true ;<br /> o.vmode = bSwapVertRef ? false : true ;<br /> o.root = oRoot && oRoot != null ? oRoot : o ;<br /> if (o.hmode && isNaN(parseInt(o.root.style.left ))) o.root.style.left = "0px";<br /> if (o.vmode && isNaN(parseInt(o.root.style.top ))) o.root.style.top = "0px";<br /> if (!o.hmode && isNaN(parseInt(o.root.style.right ))) o.root.style.right = "0px";<br /> if (!o.vmode && isNaN(parseInt(o.root.style.bottom))) o.root.style.bottom = "0px";<br /> o.minX = typeof minX != 'undefined' ? minX : null;<br /> o.minY = typeof minY != 'undefined' ? minY : null;<br /> o.maxX = typeof maxX != 'undefined' ? maxX : null;<br /> o.maxY = typeof maxY != 'undefined' ? maxY : null;<br /> o.xMapper = fXMapper ? fXMapper : null;<br /> o.yMapper = fYMapper ? fYMapper : null;<br /> o.root.onDragStart = new Function();<br /> o.root.onDragEnd = new Function();<br /> o.root.onDrag = new Function();<br /> },<br /> start : function(e)<br /> {<br /> var o = Com.Drag.obj = this;<br /> e = Com.Drag.fixE(e);<br /> <br /> var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);<br /> var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );<br /> o.root.onDragStart(x,y);<br /> o.lastMouseX = e.clientX;<br /> o.lastMouseY = e.clientY;<br /> if (o.hmode) {<br /> if (o.minX != null) o.minMouseX = e.clientX - x o.minX;<br /> if (o.maxX != null) o.maxMouseX = o.minMouseX o.maxX - o.minX;<br /> } else {<br /> if (o.minX != null) o.maxMouseX = -o.minX e.clientX x;<br /> if (o.maxX != null) o.minMouseX = -o.maxX e.clientX x;<br /> }<br /> if (o.vmode) {<br /> if (o.minY != null) o.minMouseY = e.clientY - y o.minY;<br /> if (o.maxY != null) o.maxMouseY = o.minMouseY o.maxY - o.minY;<br /> } else {<br /> if (o.minY != null) o.maxMouseY = -o.minY e.clientY y;<br /> if (o.maxY != null) o.minMouseY = -o.maxY e.clientY y;<br /> }<br /> document.onmousemove = Com.Drag.drag;<br /> document.onmouseup = Com.Drag.end;<br /> return false;<br /> },<br /> drag : function(e)<br /> {<br /> e = Com.Drag.fixE(e);<br /> var o = Com.Drag.obj;<br /> <br /> if(document.all){<br /> o.root.style.filter = "alpha(opacity=50)";<br /> }<br /> else{<br /> o.root.style.opacity = 0.5;<br /> }<br /> <br /> var ey = e.clientY;<br /> var ex = e.clientX;<br /> var y = parseInt(o.vmode ? o.root.style.top : o.root.style.bottom);<br /> var x = parseInt(o.hmode ? o.root.style.left : o.root.style.right );<br /> var nx, ny;<br /> if (o.minX != null) ex = o.hmode ? Math.max(ex, o.minMouseX) : Math.min(ex, o.maxMouseX);<br /> if (o.maxX != null) ex = o.hmode ? Math.min(ex, o.maxMouseX) : Math.max(ex, o.minMouseX);<br /> if (o.minY != null) ey = o.vmode ? Math.max(ey, o.minMouseY) : Math.min(ey, o.maxMouseY);<br /> if (o.maxY != null) ey = o.vmode ? Math.min(ey, o.maxMouseY) : Math.max(ey, o.minMouseY);<br /> nx = x ((ex - o.lastMouseX) * (o.hmode ? 1 : -1));<br /> ny = y ((ey - o.lastMouseY) * (o.vmode ? 1 : -1));<br /> if (o.xMapper) nx = o.xMapper(y)<br /> else if (o.yMapper) ny = o.yMapper(x)<br /> Com.Drag.obj.root.style[o.hmode ? "left" : "right"] = nx "px";<br /> Com.Drag.obj.root.style[o.vmode ? "top" : "bottom"] = ny "px";<br /> Com.Drag.obj.lastMouseX = ex;<br /> Com.Drag.obj.lastMouseY = ey;<br /> Com.Drag.obj.root.onDrag(nx, ny);<br /> return false;<br /> },<br /> end : function()<br /> {<br /> var o = Com.Drag.obj; <br /> document.onmousemove = document.onmouseup = function(){<br /> if(document.all){<br /> o.root.style.filter = "";<br /> }<br /> else{<br /> o.root.style.opacity = 1;<br /> }<br /> return null;<br /> }<br /> Com.Drag.obj.root.onDragEnd(parseInt(Com.Drag.obj.root.style[Com.Drag.obj.hmode ? "left" : "right"]), parseInt(Com.Drag.obj.root.style[Com.Drag.obj.vmode ? "top" : "bottom"]));<br /> Com.Drag.obj = null;<br /> },<br /> fixE : function(e)<br /> {<br /> if (typeof e == 'undefined') e = window.event;<br /> if (typeof e.layerX == 'undefined') e.layerX = e.offsetX;<br /> if (typeof e.layerY == 'undefined') e.layerY = e.offsetY;<br /> return e;<br /> }<br /> }; <br /> Com.Skin={<br /> setChgEvent:function(obj){<br /> var ul = Com.Common.$(obj);<br /> if(!ul || !document.getElementsByTagName) return false;<br /> var tabs = ul.getElementsByTagName("img");<br /> <br /> for(var i=0;i<tabs.length;i ){<br /> tabs[i].onclick = function(){<br /> var styleName = this.getAttribute("id") " style";<br /> Com.Skin.setActiveStyleSheet(styleName,1);<br /> return false; <br /> }<br /> } <br /> },<br /> <br /> setActiveStyleSheet:function(title){<br /> var i, a, main;<br /> for(i=0; (a = document.getElementsByTagName("link")[i]); i ) {<br /> if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {<br /> a.disabled = true;<br /> if(a.getAttribute("title") == title) a.disabled = false;<br /> }<br /> }<br /> },<br /> <br /> getActiveStyleSheet:function(){<br /> var i, a;<br /> for(i=0; (a = document.getElementsByTagName("link")[i]); i ) {<br /> if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");<br /> }<br /> return null;<br /> }, <br /> <br /> getPreferredStyleSheet:function() {<br /> var i, a;<br /> for(i=0; (a = document.getElementsByTagName("link")[i]); i ) {<br /> if(a.getAttribute("rel").indexOf("style") != -1<br /> && a.getAttribute("rel").indexOf("alt") == -1<br /> && a.getAttribute("title")<br /> <p><span>您可能感兴趣的文章：</span><br/> <a target="_blank" href="http://www.jiaochengji.com/a_4070"> 基于jquery的一行代码轻松实现拖动效果</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_33940"> html5draggable属性是如何做到页面拖动效果的？方法总结在这里！</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_13909"> jquery div拖拽效果(兼容浏览器)</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_5697"> jquery实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_33345"> HTML5中如何实现图片的拖放</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_24435"> js实现拖动层，兼容IEFireFox</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_35253"> 详解HTML5拖放功能实例</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_3856"> JQuery之拖拽插件实现代码</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_35674"> HTML5 高级教程--拖放 API 实现拖放排序</a><br /> <a target="_blank" href="http://www.jiaochengji.com/a_23951"> js简单拖动层效果</a><br /> </p> </div> <div id="pages" class="text-c"></div> <div class="contentBottomAd"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- 内页_内容下_1 --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-3195112085411145" data-ad-slot="6731366571"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="shared"> <div class="bdsharebuttonbox"><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_mshare" data-cmd="mshare" title="分享到一键分享"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_baidu" data-cmd="baidu" title="分享到百度搜藏"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_more" data-cmd="more"></a></div> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> <div class="prevnext"> <span>上一篇：<a href="http://www.jiaochengji.com/a_51275" id="prev_page">折叠效果</a></span> </div> <div class="myfav"> <span>[<a href="javascript:closeWindow()" class="button_link">关闭</a>]</span> </div> <script> function CheckPl(obj) { if(obj.saytext.value=="") { alert("评论内容不能为空"); obj.saytext.focus(); return false; } if(obj.username.value=="") { alert("用户名不能为空"); obj.username.focus(); return false; } if(obj.key.value=="") { alert("验证码不能为空"); obj.key.focus(); return false; } return true; } </script> <div id="comment"> </div> </div> </div> <div class="c-right"> <div style="height: 2px;"> <!--广告1--> </div> <div class="box"> <h5 class="title_sub">最近更新</h5> <ul class="c_info l_list"> <li><a href="http://www.jiaochengji.com/a_51276" title="js拖动效果">js拖动效果</a></li> <li><a href="http://www.jiaochengji.com/a_51275" title="折叠效果">折叠效果</a></li> <li><a href="http://www.jiaochengji.com/a_51274" title="漂亮日历代码">漂亮日历代码</a></li> <li><a href="http://www.jiaochengji.com/a_51273" title="新闻列表滑门效果">新闻列表滑门效果</a></li> <li><a href="http://www.jiaochengji.com/a_51272" title="图片相册JS效果">图片相册JS效果</a></li> <li><a href="http://www.jiaochengji.com/a_51271" title="JS焦点图联动效果代码">JS焦点图联动效果代码</a></li> <li><a href="http://www.jiaochengji.com/a_51270" title="js 多图片间歇向上翻滚代码">js 多图片间歇向上翻滚代码</a></li> <li><a href="http://www.jiaochengji.com/a_51269" title="js自动翻页效果代码">js自动翻页效果代码</a></li> <li><a href="http://www.jiaochengji.com/a_51268" title="鼠标经过时弹出下拉菜单">鼠标经过时弹出下拉菜单</a></li> <li><a href="http://www.jiaochengji.com/a_51267" title="window.createPopup 菜单">window.createPopup 菜单</a></li> </ul> </div> <div class="bk10"></div> <div class="box"> <h5 class="title_sub">浏览排行</h5> <ul class="c_info digg"> <li><a href="http://www.jiaochengji.com/a_51276" title="js拖动效果">js拖动效果</a></li> <li><a href="http://www.jiaochengji.com/a_51275" title="折叠效果">折叠效果</a></li> <li><a href="http://www.jiaochengji.com/a_51274" title="漂亮日历代码">漂亮日历代码</a></li> <li><a href="http://www.jiaochengji.com/a_51273" title="新闻列表滑门效果">新闻列表滑门效果</a></li> <li><a href="http://www.jiaochengji.com/a_51272" title="图片相册JS效果">图片相册JS效果</a></li> <li><a href="http://www.jiaochengji.com/a_51271" title="JS焦点图联动效果代码">JS焦点图联动效果代码</a></li> <li><a href="http://www.jiaochengji.com/a_51270" title="js 多图片间歇向上翻滚代码">js 多图片间歇向上翻滚代码</a></li> <li><a href="http://www.jiaochengji.com/a_51269" title="js自动翻页效果代码">js自动翻页效果代码</a></li> <li><a href="http://www.jiaochengji.com/a_51268" title="鼠标经过时弹出下拉菜单">鼠标经过时弹出下拉菜单</a></li> <li><a href="http://www.jiaochengji.com/a_51267" title="window.createPopup 菜单">window.createPopup 菜单</a></li> </ul> </div> <div class="bk10"></div> <div> <!--广告3--> </div> <div class="bk10"></div> </div> </div> <div class="bk10"></div> <script type="text/javascript" src="http://img.jiaochengji.com/2014/js/content.js"></script> <div class="footer"> <p class="info"> <a href="#">关于本站</a> | <a href="#">网站地图</a> | <a href="#">联系我们</a> | <a href="#">免责声明</a> | <a href="#">友情链接</a> <br> <a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">京ICP备12039225号-6 </a> 广告合作请加QQ:441358019 <br> CopyRight © 2010-2014 <a href="http://www.jiaochengji.com/"><strong>教程集</strong></a> jiaochengji.com , All Rights Reserved. <br> </p></div> <script src="http://img.jiaochengji.com/lib/SyntaxHighlighter/shCore.js?3.1.1"></script> <script>SyntaxHighlighter.all()</script> </body></html> ~ ~
