欧美三区四区_av先锋影音资源站_亚洲第一论坛sis_影音先锋2020色资源网_亚洲精品社区_在线免费观看av网站_国产一区二区伦理_亚洲欧美视频一区二区_99视频精品全部免费在线_精精国产xxxx视频在线
模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優化工具
網頁特效代碼
模板無憂
>
網頁特效
>
層和布局特效代碼
>
收藏
分享
查看評論
層和布局
演示
Js層拖動/拖放代碼_層和布局特效
查看演示效果
特效Tag:
層拖動
添加
這個很不錯,利用JS拖動一個DIV層,代碼很有修改,和以往的拖放都有點不一樣,研究一下吧。
<!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>拖放效果_mb5u.com</title> </head> <body> <script> var isIE = (document.all) ? true : false; // Demo by / var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } var Extend = function(destination, source) { for (var property in source) { destination[property] = source[property]; } } var Bind = function(object, fun) { return function() { return fun.apply(object, arguments); } } var BindAsEventListener = function(object, fun) { return function(event) { return fun.call(object, (event || window.event)); } } var CurrentStyle = function(element){ return element.currentStyle || document.defaultView.getComputedStyle(element, null); } // Demo by / function addEventHandler(oTarget, sEventType, fnHandler) { if (oTarget.addEventListener) { oTarget.addEventListener(sEventType, fnHandler, false); } else if (oTarget.attachEvent) { oTarget.attachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = fnHandler; } }; function removeEventHandler(oTarget, sEventType, fnHandler) { if (oTarget.removeEventListener) { oTarget.removeEventListener(sEventType, fnHandler, false); } else if (oTarget.detachEvent) { oTarget.detachEvent("on" + sEventType, fnHandler); } else { oTarget["on" + sEventType] = null; } }; //拖放程序 var Drag = Class.create(); Drag.prototype = { //拖放對象 initialize: function(drag, options) { this.Drag = $(drag);//拖放對象 this._x = this._y = 0;//記錄鼠標相對拖放對象的位置 this._marginLeft = this._marginTop = 0;//記錄margin //事件對象(用于綁定移除事件) this._fM = BindAsEventListener(this, this.Move); this._fS = Bind(this, this.Stop); this.SetOptions(options); // Demo by / this.Limit = !!this.options.Limit; this.mxLeft = parseInt(this.options.mxLeft); this.mxRight = parseInt(this.options.mxRight); this.mxTop = parseInt(this.options.mxTop); this.mxBottom = parseInt(this.options.mxBottom); this.LockX = !!this.options.LockX; this.LockY = !!this.options.LockY; this.Lock = !!this.options.Lock; this.onStart = this.options.onStart; this.onMove = this.options.onMove; this.onStop = this.options.onStop; this._Handle = $(this.options.Handle) || this.Drag; this._mxContainer = $(this.options.mxContainer) || null; this.Drag.style.position = "absolute"; //透明 if(isIE && !!this.options.Transparent){ //填充拖放對象 with(this._Handle.appendChild(document.createElement("div")).style){ width = height = "100%"; backgroundColor = "#fff"; filter = "alpha(opacity:0)"; fontSize = 0; } } //修正范圍 this.Repair(); addEventHandler(this._Handle, "mousedown", BindAsEventListener(this, this.Start)); }, //設置默認屬性 SetOptions: function(options) { this.options = {//默認值 Handle: "",//設置觸發對象(不設置則使用拖放對象) Limit: false,//是否設置范圍限制(為true時下面參數有用,可以是負數) mxLeft: 0,//左邊限制 mxRight: 9999,//右邊限制 mxTop: 0,//上邊限制 mxBottom: 9999,//下邊限制 mxContainer: "",//指定限制在容器內 LockX: false,//是否鎖定水平方向拖放 LockY: false,//是否鎖定垂直方向拖放 Lock: false,//是否鎖定 Transparent: false,//是否透明 onStart: function(){},//開始移動時執行 onMove: function(){},//移動時執行 onStop: function(){}//結束移動時執行 }; Extend(this.options, options || {}); }, //準備拖動 Start: function(oEvent) { if(this.Lock){ return; } this.Repair(); //記錄鼠標相對拖放對象的位置 this._x = oEvent.clientX - this.Drag.offsetLeft; this._y = oEvent.clientY - this.Drag.offsetTop; //記錄margin this._marginLeft = parseInt(CurrentStyle(this.Drag).marginLeft) || 0; this._marginTop = parseInt(CurrentStyle(this.Drag).marginTop) || 0; //mousemove時移動 mouseup時停止 addEventHandler(document, "mousemove", this._fM); addEventHandler(document, "mouseup", this._fS); if(isIE){ //焦點丟失 addEventHandler(this._Handle, "losecapture", this._fS); //設置鼠標捕獲 this._Handle.setCapture(); }else{ //焦點丟失 addEventHandler(window, "blur", this._fS); //阻止默認動作 oEvent.preventDefault(); }; //附加程序 this.onStart(); }, //修正范圍 Repair: function() { if(this.Limit){ //修正錯誤范圍參數 this.mxRight = Math.max(this.mxRight, this.mxLeft + this.Drag.offsetWidth); this.mxBottom = Math.max(this.mxBottom, this.mxTop + this.Drag.offsetHeight); //如果有容器必須設置position為relative或absolute來相對或絕對定位,并在獲取offset之前設置 !this._mxContainer || CurrentStyle(this._mxContainer).position == "relative" || CurrentStyle(this._mxContainer).position == "absolute" || (this._mxContainer.style.position = "relative"); } }, //拖動 Move: function(oEvent) { //判斷是否鎖定 if(this.Lock){ this.Stop(); return; }; //清除選擇 window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty(); //設置移動參數 var iLeft = oEvent.clientX - this._x, iTop = oEvent.clientY - this._y; //設置范圍限制 if(this.Limit){ //設置范圍參數 var mxLeft = this.mxLeft, mxRight = this.mxRight, mxTop = this.mxTop, mxBottom = this.mxBottom; //如果設置了容器,再修正范圍參數 if(!!this._mxContainer){ mxLeft = Math.max(mxLeft, 0); mxTop = Math.max(mxTop, 0); mxRight = Math.min(mxRight, this._mxContainer.clientWidth); mxBottom = Math.min(mxBottom, this._mxContainer.clientHeight); }; //修正移動參數 iLeft = Math.max(Math.min(iLeft, mxRight - this.Drag.offsetWidth), mxLeft); iTop = Math.max(Math.min(iTop, mxBottom - this.Drag.offsetHeight), mxTop); } //設置位置,并修正margin if(!this.LockX){ this.Drag.style.left = iLeft - this._marginLeft + "px"; } if(!this.LockY){ this.Drag.style.top = iTop - this._marginTop + "px"; } //附加程序 this.onMove(); }, //停止拖動 Stop: function() { //移除事件 removeEventHandler(document, "mousemove", this._fM); removeEventHandler(document, "mouseup", this._fS); if(isIE){ removeEventHandler(this._Handle, "losecapture", this._fS); this._Handle.releaseCapture(); }else{ removeEventHandler(window, "blur", this._fS); }; //附加程序 this.onStop(); } }; </script> <style> #idContainer{ border:10px solid #990000; width:600px; height:300px;} #idDrag{ border:5px solid #C4E3FD; background:#C4E3FD; width:50px; height:50px; top:50px; left:50px;} #idHandle{cursor:move; height:25px; background:#0000FF; overflow:hidden;} </style> <div id="idContainer"> <div id="idDrag"><div id="idHandle"></div></div> </div> <input id="idReset" type="button" value="復位" /> <input id="idLock" type="button" value="鎖定" /> <input id="idLockX" type="button" value="鎖定水平" /> <input id="idLockY" type="button" value="鎖定垂直" /> <input id="idLimit" type="button" value="范圍鎖定" /> <input id="idLimitOff" type="button" value="取消范圍鎖定" /> <br />拖放狀態:<span id="idShow">未開始</span> <script> var drag = new Drag("idDrag", { mxContainer: "idContainer", Handle: "idHandle", Limit: true, onStart: function(){ $("idShow").innerHTML = "開始拖放"; }, onMove: function(){ $("idShow").innerHTML = "left:"+this.Drag.offsetLeft+";top:"+this.Drag.offsetTop; }, onStop: function(){ $("idShow").innerHTML = "結束拖放"; } }); $("idReset").onclick = function(){ drag.Limit = true; drag.mxLeft = drag.mxTop = 0; drag.mxRight = drag.mxBottom = 9999; drag.LockX = drag.LockY = drag.Lock = false; } $("idLock").onclick = function(){ drag.Lock = true; } $("idLockX").onclick = function(){ drag.LockX = true; } $("idLockY").onclick = function(){ drag.LockY = true; } $("idLimit").onclick = function(){ drag.mxRight = drag.mxBottom = 200;drag.Limit = true; } $("idLimitOff").onclick = function(){ drag.Limit = false; } </script> </body> </html>
所屬頻道:
層和布局特效
/
更新時間:2012-12-07
[收藏]
[報錯]
[返回列表]
相關
層和布局特效
:
表格內容排序sortTable
行變成列,列變成行
文本輸入限制
拆分單元格
控制表格內的滾動條
顏色交替的表格
JS計算里面有多少個
極酷的表格
會動的表格
可拖動單元格
變色表格
訪問表格的每個TD
層和布局特效Rss訂閱
特效代碼搜索
層和布局特效推薦
表格透明,可自定義透明度
CSS實現左右、上下不封閉邊框的表格
寬度為一象素的表格
緩沖展開/關閉層
最精簡的JavaScript鼠標拖動代碼
JavaScript仿關機界面
一款很酷的li列表美化實例
CSS使用LI實現2組4列的文章列表并垂直對齊
鼠標拖拉按比例縮放的JavaScript
CSS中1px虛線邊框的方法
猜你也喜歡看這些
鼠標滑向文字改變網頁背景色
QQ式的導航(new)
滾動條顏色生成器
CSS定義背景居中的方法
清爽配色15套
頁面載入時的進度條效果的實現
鼠標使鏈接變色:鼠標放到鏈接上,每放一次都會出現不同的背景色
無縫滾動
頁面背景漸變
手動調節背景色:背景色能用按鈕進行手動調節
相關鏈接:
復制本頁鏈接
|
搜索Js層拖動/拖放代碼
特效說明:
層和布局模板
-
Js層拖動/拖放代碼
。
亚洲不卡免费视频
|
一区二区免费av
|
欧美一区二区激情视频
|
图片婷婷一区
|
久久九九久精品国产免费直播
|
亚洲欧美国产va在线影院
|
玛丽玛丽电影原版免费观看1977
|
日韩中文字幕观看
|
免费在线亚洲欧美
|
欧美嫩在线观看
|
www久久99
|
亚洲自拍偷拍一区二区
|
色综合视频一区二区三区日韩
|
国产成人免费在线
|
亚洲精品一区久久久久久
|
夜夜爽99久久国产综合精品女不卡
|
成人国产亚洲精品a区天堂华泰
|
免费国偷自产拍精品视频
|
亚洲区小说区图片区
|
久草精品在线观看
|
亚洲激情第一页
|
亚洲一区二区在线观
|
日韩成人免费在线视频
|
国产精品久久占久久
|
午夜精品成人在线视频
|
国产精品私拍pans大尺度在线
|
国产精品嫩草69影院
|
国产成人福利夜色影视
|
成人在线一区二区三区
|
日韩中文字幕精品视频
|
69堂免费视频
|
av老司机久久
|
麻豆久久久久久久
|
日韩av综合网
|
人妻激情另类乱人伦人妻
|
中文字幕第2页
|
欧美一级一区
|
日韩一级高清毛片
|
天堂精品视频
|
欧美a视频在线观看
|
国产精品扒开腿做爽爽爽软件
|
色婷婷精品久久二区二区蜜臂av
|
www 成人av com
|
男人的午夜天堂
|
精品国产91
|
欧美性xxxx18
|
精品欧美一区二区在线观看视频
|
日韩欧美中文字幕视频
|
99成人在线视频
|
欧美日韩一区二区在线视频
|
精品欧美一区二区三区久久久
|
欧美丰满艳妇bbwbbw
|
98精品视频
|
精品婷婷伊人一区三区三
|
久久亚洲高清
|
日韩欧美大片在线观看
|
在线欧美一区
|
精品国产sm最大网站
|
蜜臀av性久久久久蜜臀av
|
国产精品久久久久久免费免熟
|
无码人妻少妇色欲av一区二区
|
日韩精品一区二区三区av
|
91色视频在线
|
欧美综合第一页
|
国产精品无码在线
|
日韩欧美ww
|
精品欧美aⅴ在线网站
|
国产免费一区二区三区
|
国产精品999久久久
|
黑人一区二区
|
亚洲高清av在线
|
日韩欧美视频网站
|
www.com.cn成人
|
久久久久久久久久电影
|
国产精品成人品
|
久久精品在线观看视频
|
亚洲九九在线
|
日韩欧美三级在线
|
男人添女荫道口图片
|
天天综合网天天综合
|
久久免费视频色
|
日韩av手机在线观看
|
五月天精品在线
|
欧美大片一区
|
亚洲激情成人网
|
婷婷丁香激情网
|
国产区一区二
|
亚洲成人免费在线观看
|
精品久久久久久一区
|
亚洲成熟少妇视频在线观看
|
麻豆精品视频在线
|
欧美成人高清视频
|
亚洲www永久成人夜色
|
在线观看免费黄色网址
|
91成人观看
|
亚洲成人免费网站
|
一区二区在线播放视频
|
精品一区二区三区在线观看视频
|
国产在线视频不卡
|
精品在线免费观看视频
|
丝袜国产日韩另类美女
|
欧美不卡视频一区发布
|
屁屁影院国产第一页
|
久久国产亚洲
|
亚洲精品电影在线
|
国产三级国产精品国产专区50
|
视频一区中文字幕精品
|
日韩欧美亚洲成人
|
久久久成人精品一区二区三区
|
粉嫩av一区二区三区粉嫩
|
668精品在线视频
|
99久久久无码国产精品不卡
|
1024成人
|
日韩三级成人av网
|
大黑人交xxx极品hd
|
羞羞答答成人影院www
|
日韩电影中文 亚洲精品乱码
|
国产成人手机视频
|
久久资源综合
|
69p69国产精品
|
免费日韩视频在线观看
|
一区二区三区视频免费视频观看网站
|
国产精品一区专区
|
国产精品成人在线
|
圆产精品久久久久久久久久久
|
久久福利视频一区二区
|
555www成人网
|
欧美高清视频一区二区三区
|
久久99精品国产.久久久久
|
成人国产精品一区二区免费麻豆
|
成人综合色站
|
亚洲熟妇无码久久精品
|
26uuu久久天堂性欧美
|
国产 高清 精品 在线 a
|
中文字幕第31页
|
久久一区二区视频
|
精品蜜桃一区二区三区
|
丰满人妻一区二区
|
一区二区三区在线播
|
亚洲欧美精品在线观看
|
色豆豆成人网
|
欧美日韩在线视频一区二区
|
久青草视频在线播放
|
精品视频在线播放一区二区三区
|
欧美成人综合色
|
久久99精品一区二区三区三区
|
日本精品视频在线播放
|
成年人免费高清视频
|
99精品国产99久久久久久白柏
|
成人三级视频在线观看一区二区
|
国产精品特级毛片一区二区三区
|
中文字幕在线一区二区三区
|
乱色588欧美
|
亚洲欧洲日本韩国
|
成人av第一页
|
2019国产精品视频
|
精品久久久久成人码免费动漫
|
日韩毛片一二三区
|
异国色恋浪漫潭
|
国产高清亚洲
|
欧美一区二区三区日韩
|
亚洲av毛片在线观看
|
欧美a级片一区
|
欧美激情视频在线
|
四虎成人精品永久免费av
|
成人av电影免费在线播放
|
九九九九精品九九九九
|
欧洲亚洲两性
|
欧美专区日韩专区
|
gogogo高清免费观看在线视频
|
99久久夜色精品国产亚洲96
|
久久精品视频网站
|
老妇女50岁三级
|
成人美女视频在线看
|
激情伦成人综合小说
|
亚洲精品**中文毛片
|
色综合av在线
|
日本久久久久久久久久久久
|
国产精品久久观看
|
欧美人与性动交
|
免费日韩一级片
|
国产调教视频一区
|
最新精品视频
|
成人香蕉社区
|
亚洲欧美中文日韩在线
|
国产人与禽zoz0性伦
|
国产99久久久久
|
欧美激情www
|
日本亚洲欧洲无免费码在线
|
日韩欧美国产综合一区
|
av av在线
|
日韩va亚洲va欧美va久久
|
国产在线999
|
天天干天天插天天操
|
欧美日韩亚洲综合在线
|
强开小嫩苞一区二区三区网站
|
成人午夜三级
|
中文字幕不卡在线视频极品
|
中文字幕av久久爽av
|
26uuu精品一区二区在线观看
|
亚洲日本japanese丝袜
|
国产一区福利
|
色吧影院999
|
www.av麻豆
|
亚洲天堂2014
|
中文字幕无码精品亚洲35
|
国产高清欧美
|
国产91成人在在线播放
|
国产精品一区二区av白丝下载
|
天天影视色香欲综合网老头
|
xxxx在线免费观看
|
天堂成人免费av电影一区
|
亚洲www视频
|
欧美性片在线观看
|
亚洲电影第1页
|
国产麻豆a毛片
|
久久精品一区二区三区四区
|
国产经典久久久
|
精品视频亚洲
|
欧美亚洲视频一区二区
|
国产高清在线免费
|
欧美日韩一区三区
|
魔女鞋交玉足榨精调教
|
成人黄色av电影
|
中文字幕av久久
|
欧美色图一区
|
91超碰caoporn97人人
|
国产成人av免费看
|
91麻豆精品国产91
|
黄色三级生活片
|
久久久久久久久蜜桃
|
www.av片
|
国产在线成人
|
亚洲综合最新在线
|
**日韩最新
|
一区二区三区国产视频
|
久久久成人免费视频
|
精品成人国产在线观看男人呻吟
|
超碰在线免费av
|
精品亚洲国内自在自线福利
|
欧美经典一区二区三区
|
91亚洲大成网污www
|
91xxx视频
|
亚洲黄色av片
|
日韩精品a在线观看91
|
久久久国产一区二区三区
|
少妇无套内谢久久久久
|
欧洲亚洲国产日韩
|
国产jk精品白丝av在线观看
|
xnxx国产精品
|
干日本少妇首页
|
久久av在线
|
欧美日韩高清在线一区
|
免费av一区
|
日本高清+成人网在线观看
|
香蕉视频国产在线
|
日韩精品免费在线播放
|
中日韩精品视频在线观看
|
午夜一区二区三区视频
|
久久久久成人精品无码中文字幕
|
9色porny自拍视频一区二区
|
奇米影视亚洲色图
|
国产一区二区高清
|
欧美日韩电影一区二区三区
|
欧美丝袜激情
|
国产一区私人高清影院
|
亚洲免费一区三区
|
欧美激情视频在线观看
|
性感美女视频一二三
|
亚洲天堂男人的天堂
|
精品国产青草久久久久96
|
欧美喷水一区二区
|
国产免费久久久久
|
亚洲网友自拍偷拍
|
韩国三级hd两男一女
|
久久人人超碰精品
|
欧美三级理论片
|
国产美女精品一区二区三区
|
国产免费裸体视频
|
亚洲一区二区网站
|
亚洲精品不卡
|
国产精品啊啊啊
|
欧美日韩高清在线一区
|
91综合在线
|
国产精品对白刺激久久久
|
亚洲区小说区图片区qvod按摩
|
国产精品美女呻吟
|
日本精品视频
|
欧美在线中文字幕
|
精品国产亚洲一区二区三区大结局
|
五月天国产视频
|
jvid福利写真一区二区三区
|
在线视频日韩一区
|
国产91在线看
|
www黄色av
|
激情欧美一区二区三区在线观看
|
日韩在线视频在线
|
久热国产精品
|
国产大尺度在线观看
|
亚洲综合二区
|
国产一二三四五
|
欧美亚洲一级
|
欧美交换配乱吟粗大25p
|
久久久久综合
|
www.18av.com
|
免费成人性网站
|
黄网站欧美内射
|
免费看欧美女人艹b
|
av在线播放亚洲
|
精品无码三级在线观看视频
|
成人毛片视频网站
|
国产一本一道久久香蕉
|
成人在线观看a
|
粉嫩13p一区二区三区
|
jizz欧美性11
|
91视频你懂的
|
欧美做受高潮中文字幕
|
亚洲图片激情小说
|
wwwwww日本
|
午夜欧美2019年伦理
|
日韩三级久久久
|
在线国产亚洲欧美
|
日本亚洲欧美在线
|
日韩欧美国产成人一区二区
|
欧美 亚洲 另类 激情 另类
|
亚洲跨种族黑人xxx
|
亚洲第一大网站
|
日韩视频永久免费观看
|
秋霞国产精品
|
欧美亚洲另类在线
|
日本国产精品
|
国产精品国产三级国产专区53
|
99久久99久久精品国产片果冰
|
欧美日韩三区四区
|
国产精品入口
|
久在线观看视频
|
成人免费视频caoporn
|
一级黄色免费毛片
|
亚洲女同ⅹxx女同tv
|
永久免费看片直接
|
欧美色成人综合
|
无码aⅴ精品一区二区三区
|
日韩精品一二三四区
|
亚洲精品国产av
|
九九热精品视频
|
一区二区三区在线资源
|
亚洲综合在线小说
|
国产精品magnet
|
国内精品国产三级国产99
|
国产在线看一区
|
中文字幕资源在线观看
|
成人欧美一区二区三区黑人麻豆
|
精品一区在线视频
|
精品播放一区二区
|
亚洲精品久久久久久动漫器材一区
|
88av在线视频
|
爱福利视频一区
|
国产精品成人3p一区二区三区
|
国产专区欧美专区
|
永久亚洲成a人片777777
|
色一情一乱一乱一区91
|
国产精品996
|
a级大片免费看
|
亚洲国产日产av
|
九九九久久久久
|
亚洲第一免费网站
|
亚洲欧美丝袜中文综合
|
国产精品久久久久77777
|
色中色综合网
|
9i在线看片成人免费
|
亚洲国产日韩欧美在线观看
|
国产精品美女久久久久久久
|
熟女少妇a性色生活片毛片
|
日韩午夜电影在线观看
|
欧美一级特黄aaaaaa
|
日韩美女免费观看
|
成人羞羞视频播放网站
|
日韩视频在线观看视频
|
国产91精品精华液一区二区三区
|
国产日韩一区二区在线
|
国产日韩av一区二区
|
日韩av片在线免费观看
|
日韩视频免费观看高清完整版
|
av网页在线观看
|
91福利资源站
|
国产精品久久久久久在线
|
国产做受69高潮
|
欧美一级精品片在线看
|
50度灰在线观看
|
91色乱码一区二区三区
|
国产性生活大片
|
亚洲精品成人久久久
|
亚洲狼人在线
|
国产乱码精品一区二区三区不卡
|
水野朝阳av一区二区三区
|
国内av一区二区
|
欧美性xxxxx极品娇小
|
国产乱淫a∨片免费视频
|
91精品国产高清久久久久久久久
|
欧美中文字幕不卡
|