<fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>

<bdo id="8imwq"><input id="8imwq"></input></bdo>

<sup id="y2go0"></sup>

<ul id="y2go0"><tbody id="y2go0"></tbody></ul>

<th id="y2go0"></th>

<strike id="y2go0"><rt id="y2go0"></rt></strike>

<ul id="y2go0"></ul>

點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

用javascript實現畫圖效果的代碼_javascript技巧

來源：懂視網責編：小采時間：2020-11-27 20:37:31

用javascript實現畫圖效果的代碼_javascript技巧

用javascript實現畫圖效果的代碼_javascript技巧: Untitled Document function $(pId){ return document.getElementById(pId); } function JPos(){ } JPos.getAbsPos = function(pTarget){ var _x = 0; var _y = 0; while(pTarget.offsetParent){ _x += pTarget.offsetLeft; _y += pTarget.o

推薦度：

點擊下載本文 文檔為doc格式

導讀用javascript實現畫圖效果的代碼_javascript技巧: Untitled Document function $(pId){ return document.getElementById(pId); } function JPos(){ } JPos.getAbsPos = function(pTarget){ var _x = 0; var _y = 0; while(pTarget.offsetParent){ _x += pTarget.offsetLeft; _y += pTarget.o

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<style type="text/css"> 
 
</style> 
</head>

<body> 
 
 
 
 
</body> 
</html> 
<script language="javascript" type="text/javascript"> 
function $(pId){ 
 return document.getElementById(pId); 
}

function JPos(){ 
 
}

JPos.getAbsPos = function(pTarget){ 
 var _x = 0; 
 var _y = 0; 
 while(pTarget.offsetParent){ 
 _x += pTarget.offsetLeft; 
 _y += pTarget.offsetTop; 
 pTarget = pTarget.offsetParent; 
 } 
 _x += pTarget.offsetLeft; 
 _y += pTarget.offsetTop; 
 
 return {x:_x,y:_y}; 
}

function JAniObj(){ 
 this.obj = null; 
 this.interval = null; 
 
 this.orgPos = null; 
 this.targetPos = null; 
 
 this.orgSize = {w:50,y:50}; //初始長寬 
 this.targetSize = {w:100,y:100}; //目標長寬 
 this.step = {x:10,y:10}; //步長 x:x方向　y:y方向 
 this.alpha = {s:10,e:90,t:10}; //透明度，s初始，e結束,t步長 
}

function JAni(){ 
 var self = this; 
 var aniObjs = {}; 
 
 var getCurrentStyleProperty = function(pObj,pProperty){ 
 try{ 
 if(pObj.currentStyle) 
 return eval("pObj.currentStyle." + pProperty); 
 else 
 return document.defaultView.getComputedStyle(pObj,"").getPropertyValue(pProperty); 
 }catch(e){ 
 alert(e); 
 } 
 } 
 
 this.popup = function(pDiv,pOrgSize,pTargetSize,pStep,pAlpha){ 
 
 var aniObj = new JAniObj(); 
 aniObjs[pDiv] = aniObj; 
 
 with(aniObj){ 
 obj = $(pDiv); 
 orgPos = JPos.getAbsPos(obj); 
 orgSize = pOrgSize; 
 targetSize = pTargetSize; 
 step = pStep; 
 alpha = pAlpha; 
 
 with(obj.style){ 
 overflow = "hidden"; 
 position = "absolute"; 
 width = pOrgSize.w + "px"; 
 height = pOrgSize.h + "px"; 
 left = orgPos.x + "px"; 
 top = orgPos.y + "px"; 
 if(document.all){ 
 filter = "Alpha(opacity=" + pAlpha.s + ")"; 
 }else 
 opacity = pAlpha.s / 100; 
 } 
 } 
 
 aniObj.interval = setInterval("popup_('" + pDiv + "')",10); 
 } 
 
 popup_ = function(pDivId){ 
 
 
 pObj = aniObjs[pDivId]; 
 
 var w = parseInt(pObj.obj.style.width); 
 var h = parseInt(pObj.obj.style.height); 
 
 if(w >= Math.abs(pObj.targetSize.w) && h >= Math.abs(pObj.targetSize.h)){ 
 clearInterval(pObj.interval); 
 if(document.all) 
 pObj.obj.style.filter = "Alpha(opacity=" + pObj.alpha.e + ")"; 
 else 
 pObj.obj.style.opacity = pObj.alpha.e / 100; 
 
 
 
 delete aniObjs[pObj.obj.id]; 
 }else{ 
 if(w < Math.abs(pObj.targetSize.w)) 
 w += pObj.step.x; 
 
 if(h < Math.abs(pObj.targetSize.h)) 
 h += pObj.step.y; 
 
 if(document.all){ 
 var pattern = /opacity=(\d{1,3})/; 
 var result = pattern.exec(pObj.obj.style.filter); 
 if(result != null){ 
 if(result[1] < pObj.alpha.e) 
 pObj.obj.style.filter = "Alpha(opacity=" + (result[1] + pObj.alpha.t) + ")" 
 else 
 pObj.obj.style.filter = "Alpha(opacity=" + pObj.alpha.e + ")"; 
 } 
 }else{ 
 if(pObj.obj.style.opacity < pObj.alpha.e / 100){ 
 pObj.obj.style.opacity = parseFloat(pObj.obj.style.opacity) + pObj.alpha.t / 100; 
 }else 
 pObj.obj.style.opacity = pObj.alpha.e / 100; 
 } 
 } 
 
 pObj.obj.style.width = w + "px"; 
 pObj.obj.style.height = h + "px"; 
 
 if(pObj.targetSize.w < 0){ 
 var vLeft = parseInt(getCurrentStyleProperty(pObj.obj,"left")); 
 vLeft = isNaN(vLeft) ? 0 : vLeft; 
 pObj.obj.style.left = vLeft - pObj.step.x + "px"; 
 } 
 
 if(pObj.targetSize.h < 0){ 
 var vTop = parseInt(getCurrentStyleProperty(pObj.obj,"top")); 
 vTop = isNaN(vTop) ? 0 : vTop; 
 pObj.obj.style.top = vTop - pObj.step.y + "px"; 
 } 
 } 
}

var ani = new JAni(); 
 ani.popup( 
 "apDiv1", 
 {w:50,h:50}, //初始長寬 
 {w:200,h:200}, //目標長寬 
 {x:8,y:8}, //步長 
 {s:10,e:80,t:10}//透明度 起始，結束，步長 
 ); 
 
 ani.popup( 
 "apDiv2", 
 {w:50,h:50}, //初始長寬 
 {w:-200,h:200}, //目標長寬 
 {x:8,y:8}, //步長 
 {s:10,e:40,t:2}//透明度 起始，結束，步長 
 ); 
 
 ani.popup( 
 "apDiv3", 
 {w:50,h:50}, //初始長寬 
 {w:-200,h:-200},//目標長寬 
 {x:8,y:8}, //步長 
 {s:10,e:40,t:10}//透明度 起始，結束，步長 
 );

ani.popup( 
 "apDiv4", 
 {w:50,h:50}, //初始長寬 
 {w:200,h:-200},//目標長寬 
 {x:8,y:8}, //步長 
 {s:10,e:50,t:10}//透明度 起始，結束，步長 
 ); 
</ script>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

用javascript實現畫圖效果的代碼_javascript技巧

用javascript實現畫圖效果的代碼_javascript技巧: Untitled Document function $(pId){ return document.getElementById(pId); } function JPos(){ } JPos.getAbsPos = function(pTarget){ var _x = 0; var _y = 0; while(pTarget.offsetParent){ _x += pTarget.offsetLeft; _y += pTarget.o

推薦度：

點擊下載本文 文檔為doc格式

標簽：使用繪圖的源代碼

熱門焦點

最新推薦

猜你喜歡

熱門推薦

產品服務發展歷程企業資訊企業文化關于我們加入我們聯系我們網站導航網站律師

中國掃黃打非網

Copyright ? 2019-2025 www.polareal.com 版權所有

贛ICP備2023002352號-2

違法及侵權請聯系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市萬商天勤律師事務所王興未律師提供法律服務

Top 主站蜘蛛池模板：精品综合久久久久久88小说| 三级国产精品| 国自产精品手机在线观看视| 久久精品aⅴ无码中文字字幕重口| 国产精品成人无码久久久久久 | 成人一区二区三区精品| 国精品无码一区二区三区在线 | 亚洲国产精品成人| 99久久精品免费看国产免费| 精品久久久久久国产潘金莲| 亚洲午夜精品一级在线播放放| 精品精品国产欧美在线小说区| 日韩欧国产精品一区综合无码| 国产精品亚洲片在线| 亚洲∧v久久久无码精品| 四虎永久在线精品国产馆V视影院| 国产亚洲精品a在线观看| 99国产精品私拍pans大尺度| 精品视频一区二区三区免费| 国产AV国片精品有毛| 国产日韩精品中文字无码| 久久精品无码午夜福利理论片| 亚洲精品无码Av人在线观看国产| 精品一区二区三区色花堂| 精品人妻系列无码人妻免费视频| 国产精品美女网站| 国产精品一区在线| 国产A∨免费精品视频| 99热都是精品久久久久久| 91精品国产91久久久久久| 丝袜美腿国产精品视频一区 | 凹凸国产熟女精品视频app| 精品无码国产一区二区三区AV| 久久久久国产精品熟女影院 | 九九热在线精品视频| 国产精品99久久久久久人| 国产精品igao视频网| AAA级久久久精品无码片| 97国产精品视频| 国产91精品在线| 欧美成人精品一区二区三区|

<ul id="qw40s"><pre id="qw40s"></pre></ul><ul id="qw40s"></ul>

<ul id="qw40s"></ul>

<ul id="qw40s"><tbody id="qw40s"></tbody></ul>

<ul id="qw40s"></ul>

<center id="qw40s"><tfoot id="qw40s"></tfoot></center>