📄 0138.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><!-- #BeginTemplate "/Templates/JsExample.dwt" --><HEAD><!-- #BeginEditable "doctitle" --> <TITLE>图片效果生成器</TITLE><!-- #EndEditable --> <META http-equiv=Content-Type content="text/html; charset=gb2312"><LINK href="fav.ico" rel="shortcut icon"><STYLE type=text/css>BODY { MARGIN: 25px 25px 25px}#all TD { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}INPUT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}SELECT { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}P { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}TEXTAREA { FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}#all A:active { COLOR: #7d070c}#all A:visited { COLOR: #7d070c}#all A:hover { COLOR: #336699}#all A:link { COLOR: #7d070c}</STYLE><SCRIPT language=JavaScript><!--function MM_goToURL() { //v3.0 var i, args=MM_goToURL.arguments; document.MM_returnValue = false; for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");}function JM_cc(ob){ob.select();js=ob.createTextRange();js.execCommand("Copy");}//--></SCRIPT><META content="MSHTML 5.50.4134.600" name=GENERATOR></HEAD><BODY id=all text=#000000 bgColor=#336699><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_1.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_2.gif" width=11 height="14"></TD> </TR></TABLE><!-- #BeginEditable "Example%20and%20Sources" --> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/space.gif" width=11 height="1"></TD> <TD width="100%"> <table width="100%" border="0" cellpadding="8"> <tr> <td align="center"><!-- #BeginLibraryItem "/Library/js_title.lbi" --><script language="JavaScript">document.write("<font color=#7d070c style=\"font-size: 14px\">"+document.title+"</font>");</script><!-- #EndLibraryItem --></td> </tr> <tr> <td bgcolor="#f7f7f7"> <script language=JavaScript1.2 src="js/filter.js"></script><SCRIPT> function correctit(){ return true } window.onerror=correctit var dragapproved=false var z,x,y function move(){ if (event.button==1&&dragapproved){ z.style.pixelLeft=temp1+event.clientX-x z.style.pixelTop=temp2+event.clientY-y return false } } function drags(){ if (!document.all) return if (event.srcElement.className=="drag") { dragapproved=true z=event.srcElement temp1=z.style.pixelLeft temp2=z.style.pixelTop x=event.clientX y=event.clientY document.onmousemove=move } } document.onmousedown=drags document.onmouseup=new Function("dragapproved=false") </SCRIPT><SCRIPT language=JavaScript1.2>function changestate(){if (event.srcElement.style.color!="purple")event.srcElement.style.color="purple"elseevent.srcElement.style.color="green"} function changecolor(x){ if (event.srcElement.tagName=="SMALL"){ if (event.srcElement.style.color=="purple") return event.srcElement.style.color=x } } function doit(){ if (event.srcElement.tagName=="SMALL"){ cur=event.srcElement.n filter() } } function applyit(){ var temp; document.statement.text.value=""; document.statement.text.value=filter_statement; document.statement.text.select(); js=document.statement.text.createTextRange(); js.execCommand("Copy"); } </SCRIPT><SCRIPT> function highlight(x){ document.forms[x].text.focus() document.forms[x].text.select() } </SCRIPT> 提示:一个生成图片效果代码的程序，先点击你想的效果，留意蝴蝶的变化</td> </tr> <tr> <td> <table cellspacing=0 cellpadding=0 width="98%" border=0> <tr> <td valign=top align=left> <table cellspacing=1 cellpadding=0 width="98%" border=0> <tr> <td width="40%"> <div style="BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND-IMAGE: url(leaves.jpg); BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid"> <dd align="center"> <style>.drag { CURSOR: hand; POSITION: relative}.highlight { BACKGROUND: #ffff00; CURSOR: hand; COLOR: #6600ff}</style> <img class=drag style="FILTER: " height=70 src="img/bird.gif" width=70> <img class=drag style="FILTER: " height=70 src="img/bird.gif" width=70> <img class=drag id=myfilter style="FILTER: " height=49 src="img/butterfly.gif" width=84> </dd> </div> </td> </tr> <tr> <td width="40%"> <table cellspacing=0 cellpadding=0 width="100%" border=0> <tr> <td style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; BORDER-BOTTOM: rgb(0,0,0) 1px solid" width="100%" bgcolor=#67eb78><strong><small><font face=Verdana>Choose Filter</font></small></strong></td> </tr> <tr> <td width="100%"> <form name=form> <div onMouseOver="changecolor('red')" style="BORDER-RIGHT: rgb(0,0,0) 1px solid; BORDER-TOP: rgb(0,0,0) 1px solid; BORDER-LEFT: rgb(0,0,0) 1px solid; CURSOR: hand; BORDER-BOTTOM: rgb(0,0,0) 1px solid" onClick=changestate();doit() onMouseOut="changecolor('green')"> <p><small n="0">alpha (finishopacity: <input maxlength=3 size=3 value=30 name=alpha_finishOpacity> finishX: <input maxlength=3 size=3 value=100 name=alpha_finishX> finishY: <input maxlength=3 size=3 value=100 name=alpha_finishY> opacity: <input maxlength=3 size=3 value=30 name=alpha_opacity> startX: <input maxlength=3 size=3 value=0 name=alpha_startX> startY: <input maxlength=3 size=3 value=0 name=alpha_startY> style: <select id=alpha_style size=1 name="select"> <option value=0 selected>0</option> <option value=1>1</option> <option value=2>2</option> <option value=3>3</option> </select> ) </small><br> <small n="1">blur (add: <select id=blur_add size=1 name="select"> <option value=0 selected>0</option> <option value=1>1</option> </select> direction: <select id=blur_direction size=1 name="select"> <option value=0 selected>0</option> <option value=45>45</option> <option value=90>90</option> <option value=135>135</option> <option value=180>180</option> <option value=225>225</option> <option value=270>270</option> <option value=315>315</option> </select> strength: <input maxlength=3 size=3 value=20 name=blur_strength> ) </small><br> <small n="2">chroma (color: # <input maxlength=6 size=6 value=FFFFFF name=chroma_color> ) </small><br> <small n="3">dropShadow (color: # <input maxlength=6 size=6 value=222222 name=dropShadow_color> offX: <input maxlength=2 size=2 value=5 name=dropShadow_offX> offY: <input maxlength=2 size=2 value=5 name=dropShadow_offY> positive: <select id=dropShadow_positive size=1 name="select"> <option value=0>0</option> <option value=1 selected>1</option> </select> )</small><br> <small n="4">flipH</small> <br> <small n="5">flipV</small> <br> <small n="6">glow (color: # <input maxlength=6 size=6 value=AABBCC name=glow_color> strength: <input maxlength=3 size=3 value=20 name=glow_strength> ) </small><br> <small n="7">gray</small><br> <small n="8">invert</small> <br> <small n="9">light</small><br> <small n="10">mask (color: # <input maxlength=6 size=6 value=777777 name=mask_color> ) </small><br> <small n="11">redirect(<i>No effect</i>)</small><br> <small n="13">wave (add : <select id=wave_add size=1 name="select"> <option value=0 selected>0</option> <option value=1>1</option> </select> freq: <input maxlength=3 size=3 value=5 name=wave_freq> ) lightStrength: <input maxlength=3 size=3 value=20 name=wave_lightStrength> ) phase: <input maxlength=3 size=3 value=90 name=wave_phase> strength: <input maxlength=3 size=3 value=20 name=wave_strength> ) </small><br> <small n="14">xray</small><br> </p> </div> </form> </td> </tr> </table> </td> </tr> <tr> <td width="40%"> <input onClick=applyit() type=button value="看看这段代码" name="button"> 提示:当你按下此按钮时,代码已经复制到你的剪贴板内。 </td> </tr> </table><table border=0 width=100%><tr> <form name=statement><td> <textarea style="WIDTH: 98%" name=text rows=5 wrap=virtual cols=45></textarea> </td></form></tr></table> </td> </tr> </table> <br> <br> </td> </tr> </table> </TD> <TD><IMG src="../images/space.gif" width=11 height="1"></TD> </TR></TABLE><!-- #EndEditable --><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR bgColor=#ffffff> <TD><IMG src="../images/sq_3.gif" width=11 height="14"></TD> <TD width="100%"></TD> <TD><IMG src="../images/sq_4.gif" width=11 height="14"></TD> </TR></TABLE></BODY><!-- #EndTemplate --></HTML>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -