日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区
模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網頁特效代碼
模板無憂
>
網頁特效
>
瀏覽器特效代碼
>
收藏
分享
查看評論
瀏覽器
演示
用層模擬可移動的小窗口_瀏覽器特效
查看演示效果
特效Tag：
窗口
添加
用層模擬可移動的小窗口,您可以先修改部分代碼再運行.
<html> <head> <title>_xWin</title> <meta http-equiv="Content-Type" mrc="text/html; charset=gb2312"> <META NAME="Description" CONTENT="http://www.xuemu.net"> <style type='text/css'> <!-- body{font-size:12px;} a:visited{text-decoration:none;color:slategray;} a:hover{text-decoration:underline;color:slategray;} a:link{text-decoration:none;color:slategray;} --> </style> <script language=JScript> <!-- //可以打包為js文件; var x0=0,y0=0,x1=0,y1=0; var offx=6,offy=6; var moveable=false; var hover='orange',normal='#336699';//color; var index=10000;//z-index; //開始拖動; function startDrag(obj) { if(event.button==1) { //鎖定標題欄; obj.setCapture(); //定義對象; var win = obj.parentNode; var sha = win.nextSibling; //記錄鼠標和層位置; x0 = event.clientX; y0 = event.clientY; x1 = parseInt(win.style.left); y1 = parseInt(win.style.top); //記錄顏色; normal = obj.style.backgroundColor; //改變風格; obj.style.backgroundColor = hover; win.style.borderColor = hover; obj.nextSibling.style.color = hover; sha.style.left = x1 + offx; sha.style.top = y1 + offy; moveable = true; } } //拖動; function drag(obj) { if(moveable) { var win = obj.parentNode; var sha = win.nextSibling; win.style.left = x1 + event.clientX - x0; win.style.top = y1 + event.clientY - y0; sha.style.left = parseInt(win.style.left) + offx; sha.style.top = parseInt(win.style.top) + offy; } } //停止拖動; function stopDrag(obj) { if(moveable) { var win = obj.parentNode; var sha = win.nextSibling; var msg = obj.nextSibling; win.style.borderColor = normal; obj.style.backgroundColor = normal; msg.style.color = normal; sha.style.left = obj.parentNode.style.left; sha.style.top = obj.parentNode.style.top; obj.releaseCapture(); moveable = false; } } //獲得焦點; function getFocus(obj) { if(obj.style.zIndex!=index) { index = index + 2; var idx = index; obj.style.zIndex=idx; obj.nextSibling.style.zIndex=idx-1; } } //最小化; function min(obj) { var win = obj.parentNode.parentNode; var sha = win.nextSibling; var tit = obj.parentNode; var msg = tit.nextSibling; var flg = msg.style.display=="none"; if(flg) { win.style.height = parseInt(msg.style.height) + parseInt(tit.style.height) + 2*2; sha.style.height = win.style.height; msg.style.display = "block"; obj.innerHTML = "0"; } else { win.style.height = parseInt(tit.style.height) + 2*2; sha.style.height = win.style.height; obj.innerHTML = "2"; msg.style.display = "none"; } } //創(chuàng)建一個對象; function xWin(id,w,h,l,t,tit,msg) { index = index+2; this.id = id; this.width = w; this.height = h; this.left = l; this.top = t; this.zIndex = index; this.title = tit; this.message = msg; this.obj = null; this.bulid = bulid; this.bulid(); } //初始化; function bulid() { var str = "" + "<div class="znjbzjn" id=xMsg" + this.id + " " + "style='" + "z-index:" + this.zIndex + ";" + "width:" + this.width + ";" + "height:" + this.height + ";" + "left:" + this.left + ";" + "top:" + this.top + ";" + "background-color:" + normal + ";" + "color:" + normal + ";" + "font-size:8pt;" + "font-family:Tahoma;" + "position:absolute;" + "cursor:default;" + "border:2px solid " + normal + ";" + "' " + "onmousedown='getFocus(this)'>" + "<div " + "style='" + "background-color:" + normal + ";" + "width:" + (this.width-2*2) + ";" + "height:20;" + "color:white;" + "' " + "onmousedown='startDrag(this)' " + "onmouseup='stopDrag(this)' " + "onmousemove='drag(this)' " + "ondblclick='min(this.childNodes[1])'" + ">" + "<span style='width:" + (this.width-2*12-4) + ";padding-left:3px;'>" + this.title + "</span>" + "<span style='width:12;border-width:0px;color:white;font-family:webdings;' onclick='min(this)'>0</span>" + "<span style='width:12;border-width:0px;color:white;font-family:webdings;' onclick='ShowHide(\""+this.id+"\",null)'>r</span>" + "</div>" + "<div style='" + "width:100%;" + "height:" + (this.height-20-4) + ";" + "background-color:white;" + "line-height:14px;" + "word-break:break-all;" + "padding:3px;" + "'>" + this.message + "</div>" + "</div>" + "<div class="znjbzjn" id=xMsg" + this.id + "bg style='" + "width:" + this.width + ";" + "height:" + this.height + ";" + "top:" + this.top + ";" + "left:" + this.left + ";" + "z-index:" + (this.zIndex-1) + ";" + "position:absolute;" + "background-color:black;" + "filter:alpha(opacity=40);" + "'></div>"; document.body.insertAdjacentHTML("beforeEnd",str); } //顯示隱藏窗口 function ShowHide(id,dis){ var bdisplay = (dis==null)?((document.getElementById("xMsg"+id).style.display=="")?"none":""):dis document.getElementById("xMsg"+id).style.display = bdisplay; document.getElementById("xMsg"+id+"bg").style.display = bdisplay; } //--> </script> <script language='JScript'> <!-- function initialize() { var a = new xWin("1",160,200,200,200,"窗口1","xWin <br> A Cool Pop Div Window<br>mb5u.com<br>mb5u.com"); var b = new xWin("2",240,200,100,100,"窗口2","Welcome to 模板無憂:<br><a href=http://m.hl5o.cn target=_blank>http://m.hl5o.cn</a><br>請多提建議噢<br><br>感謝您的關注！"); var c = new xWin("3",200,160,250,50,"窗口3","Copyright by <a href='#'>mb5u.com</a>!"); ShowHide("1","none");//隱藏窗口1 } window.onload = initialize; //--> </script> </head> <base href="http://m.hl5o.cn/"/> <body onselectstart='return false' oncontextmenu='return false' > <a onclick="ShowHide('1',null);return false;" href="">窗口1</a> <a onclick="ShowHide('2',null);return false;" href="">窗口2</a> <a onclick="ShowHide('3',null);return false;" href="">窗口3</a> </body> </html>
所屬頻道：
瀏覽器特效
/
更新時間：2012-12-15
[收藏]
[報錯]
[返回列表]
相關
瀏覽器特效
：
JS判斷客戶端使用的訪問設備并加載對應CSS
對輸入文本框的內容作出檢測
對鏈連接進行確認還能給出有關提示
檢測瀏覽器去過站點
集成Cookies ：能在頁面顯示用戶的很多信息
顯示隨來訪次數信息
禁用鼠標右鍵：禁用鼠標右鍵功能
離開頁面，提示用戶把本頁添加到收藏夾
禁用鼠標左鍵：禁用鼠標左鍵功能
簽名提示程序：提示用戶簽到，并在頁面給出歡迎語
標題欄里的打字效果
檢測出用戶的IE瀏覽器所裝插件數
瀏覽器特效Rss訂閱
特效代碼搜索
瀏覽器特效推薦
緩沖動畫的JS返回頂部效果
跑馬燈式的字符在狀態(tài)欄上出現，一點出按鈕就停止
iframe 高度自適應方法
檢測出用戶的IE瀏覽器所裝插件數
JS加入收藏夾
在線給你的朋友發(fā)送推薦信
窗口左右上下
JS顯示當前瀏覽器詳細信息
改變層的大小
JS屏蔽掉IE的最小化、最大化及關閉功能
猜你也喜歡看這些
猜數字
網頁版打字練習游戲，見過沒？
掃雷游戲腳本版
JS網頁版的鍵位指法練習軟件源代碼
速算訓練 看看你的心算能力夠不夠好
選擇喜歡的女孩子類型噢~
魔方游戲網頁版
JavaScript寫的簡單21點游戲
JavaScript 根據隨機數原因生成DNA字符序列
數格排序
相關鏈接：
復制本頁鏈接
|
搜索用層模擬可移動的小窗口
特效說明：
瀏覽器模板
-
用層模擬可移動的小窗口
。
。。