Warcraft skill CD Effect
Last Update:2018-12-07
Source: Internet
Author: User
<Br/> <! Doctype HTML public "-// W3C // dtd xhtml 1.0 transitional // en" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br/> <HTML xmlns = "http://www.w3.org/1999/xhtml"> <br/> <pead> <br/> <meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8 "/> <br/> <title> waricon prefect </title> <br/> <style> <br/>. icobox <br/> {<br/> position: absolute; <br/> overflow: hidden; <br/> width: 64px; <br/> heigh T: 64px; <br/> Background: #000; <br/>}< br/>. icobox * <br/> {<br/> margin: 0; <br/> position: absolute; <br/>}< br/>. icobox. mask <br/>{< br/> display: none; <br/> overflow: hidden; <br/> border: 33px solid #000001; </P> <p> filter: chroma (color = 'black') alpha (opacity = 60); <br/>-moz-opacity: 0.6; <br/>-khtml-opacity: 0.6; <br/> opacity: 0.6; <br/>}< br/>. icobox. layer0 <br/>{< br/> Height: 0px; <br/> left: 3 3px; <br/> top:-33px; </P> <p> border-top: 33px solid transparent; <br/> border-left: 0px solid transparent; <br/>}< br/>. icobox. layer1 <br/>{< br/> width: 0px; <br/> left: 33px; <br/> top: 33px; </P> <p> border-top: 0px solid transparent; <br/> border-Right: 33px solid transparent; <br/>}< br/>. icobox. layer2 <br/>{< br/> left:-33px; <br/> top: 33px; </P> <p> border-bottom: 33px solid transparent; <br/> border-R Ight: 0px solid transparent; <br/>}< br/>. icobox. layer3 <br/>{< br/> left:-33px; <br/> top:-33px; </P> <p> border-bottom: 0px solid transparent; <br/> border-left: 33px solid transparent; <br/>}< br/>. icobox <br/> {<br/> position: absolute; <br/> overflow: hidden; <br/> width: 64px; <br/> Height: 64px; <br/> Background: #000; <br/>}< br/>. icobox * <br/> {<br/> margin: 0; <br/> position: absolute; <br/>}< br />. Icobox. mask <br/>{< br/> display: none; <br/> overflow: hidden; <br/> border: 33px solid #000001; </P> <p> filter: chroma (color = 'black') alpha (opacity = 60); <br/>-moz-opacity: 0.6; <br/>-khtml-opacity: 0.6; <br/> opacity: 0.6; <br/>}< br/>. icobox. layer0 <br/>{< br/> Height: 0px; <br/> left: 33px; <br/> top:-33px; </P> <p> border-top: 33px solid transparent; <br/> border-left: 0px solid transparent; <br/>}< Br/>. icobox. layer1 <br/>{< br/> width: 0px; <br/> left: 33px; <br/> top: 33px; </P> <p> border-top: 0px solid transparent; <br/> border-Right: 33px solid transparent; <br/>}< br/>. icobox. layer2 <br/>{< br/> left:-33px; <br/> top: 33px; </P> <p> border-bottom: 33px solid transparent; <br/> border-Right: 0px solid transparent; <br/>}< br/>. icobox. layer3 <br/>{< br/> left:-33px; <br/> top:-33px; </P> <p> border- Bottom: 0px solid transparent; <br/> border-left: 33px solid transparent; <br/>}< br/> </style> <br/> </pead> </P> <p> <body ondragstart = "Return false"> <br/> <Div id = "divbox" class = "icobox" style = "left: 10px; top: 10px; "_ mce_style =" Left: 10px; top: 10px; "> <br/> <br/> </div> </P> <p> <SCRIPT type =" text/JavaScript "> <br/> var $ = function (V) {return document. getelementbyid (v)} <br/> var $ c = function (v) {return document. createelement (v)} <br/> VaR _ ver _ = navigator. useragent; <br/> VaR _ FF _ =/Firefox /. test (_ ver _); </P> <p> If (_ FF _) <br/>{< br/> cssstyledeclaration. prototype. _ definesette R _ ("pixelheight", function (v) {This. height = V + "PX" ;}); <br/> cssstyledeclaration. prototype. _ definesetter _ ("pixelwidth", function (v) {This. width = V + "PX" ;}); <br/> cssstyledeclaration. prototype. _ definesetter _ ("pixeltop", function (v) {This. top = V + "PX" ;}); <br/> cssstyledeclaration. prototype. _ definesetter _ ("pixelleft", function (v) {This. left = V + "PX" ;}); <br/>}</P> <p> try1_document.exe ccommand ("backg Roundimagecache ", false, true)} catch (E) {}< br/> </SCRIPT> <br/> <SCRIPT type = "text/JavaScript"> <br/> var stypic =$ ("divbgpic "). style; <br/> var arrmask = []; <br/> var tickid; <br/> var stage; <br/> var INCD; <br/> window. onload = function () <br/>{< br/> var I, OBJ; </P> <p> for (I = 0; I <4; I ++) <br/>{< br/> OBJ = $ C ("Div"); <br/> obj. classname = "Mask Layer" + I; <br/> arrmask [I] = obj. style; </P> <p >$ ("divbox "). AP Pendchild (OBJ); <br/>}< br/>}; <br/> function handlemousedown () <br/>{< br/> stypic. pixelleft = 2; <br/> stypic. pixeltop = 2; <br/> stypic. pixelwidth = 60; <br/> stypic. pixelheight = 60; <br/>}< br/> document. onmouseup = function (e) <br/>{< br/> stypic. pixelleft = 0; <br/> stypic. pixeltop = 0; <br/> stypic. pixelwidth = 64; <br/> stypic. pixelheight = 64; </P> <p> E = E | event; <br/> E = E. srcelement | e.tar get; </P> <p> If (E! = $ ("Divbgpic") <br/> return; </P> <p> If (INCD) <br/> return; <br/> INCD = true; </P> <p> tickid = 0; <br/> stage = 0; <br/> Reset (); <br/> }; <br/> function draw () <br/> {<br/> If (! INCD) <br/> return; </P> <p> var I = ++ tickid; </P> <p> switch (stage) <br/>{< br/> case 0: <br/> arrmask [0]. borderleftwidth = I + "PX"; <br/> break; <br/> case 1: <br/> arrmask [0]. pixelheight = I; <br/> arrmask [0]. borderbottomwidth = (33-i) + "PX"; <br/> break; <br/> case 2: <br/> arrmask [1]. bordertopwidth = I + "PX"; <br/> break; <br/> case 3: <br/> arrmask [1]. pixelwidth = I; <br/> arrmask [1]. borderleftwidth = (33-i) + "PX"; <br/> break; <br/> case 4: <br/> arrmask [2]. pixelwidth = 33-I; <br/> arrmask [2]. borderrightwidth = I + "PX"; <br/> break; <br/> case 5: <br/> arrmask [2]. pixelheight = I; <br/> arrmask [2]. bordertopwidth = (33-i) + "PX"; <br/> break; <br/> case 6: <br/> arrmask [3]. pixelheight = 33-I; <br/> arrmask [3]. borderbottomwidth = I + "PX"; <br/> break; <br/> case 7: <br/> arrmask [3]. pixelwidth = I; <br/> arrmask [3]. borderrightwidth = (33-i) + "PX"; <br/> break; <br/> case 8: <br/> INCD = false; <br/> for (I = 0; I <4; I ++) <br/> arrmask [I]. display = "NONE"; <br/> break; <br/>}</P> <p> If (tickid = 33) <br/>{< br/> tickid = 0; <br/> stage ++; <br/>}< br/> function reset () <br/> {<br/> for (VAR I = 0; I <4; I ++) <br/> {<br/> arrmask [I]. display = "Block"; <br/>}</P> <p> arrmask [0]. pixelwidth = 0; <br/> arrmask [0]. pixelheight = 0; <br/> arrmask [0]. borderleftwidth = "0"; <br/> arrmask [0]. borderbottomwidth = "33px"; <br/> arrmask [1]. pixelwidth = 0; <br/> arrmask [1]. pixelheight = 0; <br/> arrmask [1]. bordertopwidth = "0"; <br/> arrmask [1]. borderleftwidth = "33px"; <br/> arrmask [2]. pixelwidth = 33; <br/> arrmask [2]. pixelheight = 0; <br/> arrmask [2]. borderrightwidth = "0"; <br/> arrmask [2]. bordertopwidth = "33px"; <br/> arrmask [3]. pixelwidth = 0; <br/> arrmask [3]. pixelheight = 33; <br/> arrmask [3]. borderbottomwidth = "0"; <br/> arrmask [3]. borderrightwidth = "33px"; <br/>}< br/> function renderroutine () <br/>{< br/> draw (); <br/>}< br/> setinterval (renderroutine, 16 ); <br/> </SCRIPT> <br/> </body> <br/> </ptml> <br/>
RunCode