<!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" content="text/html; charset=utf-8" /><title>DOM_text01</title><style type="text/CSS">body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;}#bodyL{float:left;width:384px;margin-right:2px;}#fd{position: absolute;top: 25%;left: 25%;border: 8px solid #A1D7FF;background-color: white;width:610px;height:500px;overflow:hidden;cursor:move;}.content{background:url(gg.gif) no-repeat; width:610px; height:32px;}</style></head><body><div id="bodyL"><a href="#" onclick = "show('fd');return false;">[打開層]</a><a href="#" onclick = "closeed('fd');return false;">[關閉層]</a></div> <div id="fd" style="display:none;filter:alpha(opacity=100);opacity:1;"><div class="content"><a href="#" style="float:right; width:50x; padding-top:5px; padding-right:5px;" onclick = "closeed('fd');return false;"> </a></div> <div style="padding:15px; font-size:14px; color:#000000">內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區內容區 </div></div><script type="text/javascript">var PRox;var proy;var proxc;var proyc;function show(id){/*--打開--*/clearInterval(prox);clearInterval(proy);clearInterval(proxc);clearInterval(proyc);var o = document.getElementById(id);o.style.display = "block";o.style.width = "1px";o.style.height = "1px"; prox = setInterval(function(){openx(o,610)},10);} function openx(o,x){/*--打開x--*/var cx = parseInt(o.style.width);if(cx < x){ o.style.width = (cx + Math.ceil((x-cx)/5)) +"px";}else{ clearInterval(prox); proy = setInterval(function(){openy(o,300)},10);}} function openy(o,y){/*--打開y--*/ var cy = parseInt(o.style.height);if(cy < y){ o.style.height = (cy + Math.ceil((y-cy)/5)) +"px";}else{ clearInterval(proy); }} function closeed(id){/*--關閉--*/clearInterval(prox);clearInterval(proy);clearInterval(proxc);clearInterval(proyc); var o = document.getElementById(id);if(o.style.display == "block"){ proyc = setInterval(function(){closey(o)},10); } } function closey(o){/*--打開y--*/ var cy = parseInt(o.style.height);if(cy > 0){ o.style.height = (cy - Math.ceil(cy/5)) +"px";}else{ clearInterval(proyc); proxc = setInterval(function(){closex(o)},10);}} function closex(o){/*--打開x--*/var cx = parseInt(o.style.width);if(cx > 0){ o.style.width = (cx - Math.ceil(cx/5)) +"px";}else{ clearInterval(proxc); o.style.display = "none";}}/*-------------------------鼠標拖動---------------------*/ var od = document.getElementById("fd"); var dx,dy,mx,my,mouseD;var odrag;var isIE = document.all ? true : false;document.onmousedown = function(e){var e = e ? e : event;if(e.button == (document.all ? 1 : 0)){ mouseD = true; }}document.onmouseup = function(){mouseD = false;odrag = "";if(isIE){ od.releaseCapture(); od.filters.alpha.opacity = 100;}else{ window.releaseEvents(od.MOUSEMOVE); od.style.opacity = 1;} }od.onmousedown = function(e){odrag = this;var e = e ? e : event;if(e.button == (document.all ? 1 : 0)){ mx = e.clientX; my = e.clientY; od.style.left = od.offsetLeft + "px"; od.style.top = od.offsetTop + "px"; if(isIE) { od.setCapture(); od.filters.alpha.opacity = 50; } else { window.captureEvents(Event.MOUSEMOVE); od.style.opacity = 0.5; } } }document.onmousemove = function(e){var e = e ? e : event;if(mouseD==true && odrag){ var mrx = e.clientX - mx; var mry = e.clientY - my; od.style.left = parseInt(od.style.left) +mrx + "px"; od.style.top = parseInt(od.style.top) + mry + "px"; mx = e.clientX; my = e.clientY; }}</script></body></html>
新聞熱點
疑難解答
