网站首页 > 网页设计教程 > 网页特效 > 很漂亮输入框的特效代码

很漂亮输入框的特效代码

作者：互联网
时间：2009-06-18 17:26:53

<body> <STYLE> .disableHscroll{ width:100%;overflow-x:hidden;overflow-y:scroll; } v:* { BEHAVIOR: url(#default#VML) } </STYLE> <SCRIPT> var defaultcolor="#999999" var lineweighthighlight=1 var lineweightnormal=1 var distancetomouse=0 var mousepos_x=0 var mousepos_x=0 var marginleft=0 var margintop=0 var marginbottom=0 var marginright=0 var margincenterx var margincentery var mousepos_x=0 var mousepos_x=0 if (do***ent.all&&window.print){ do***ent.write('<div id="bodycontent" style="position:relative">') } function initiateanimation(){ ma***nbottom=document.body.clientHeight ma***nright=document.body.clientWidth ma***ncenterx=Math.floor(marginright/2) ma***ncentery=Math.floor(marginbottom/2) re***ngulartopleft.to=marginleft+","+margintop re***ngulartopright.to=marginright+","+margintop re***ngularbottomleft.to=marginleft+","+marginbottom re***ngularbottomright.to=marginright+","+marginbottom re***ngulartop.to=margincenterx+","+margintop re***ngularright.to=marginright+","+margincentery re***ngularbottom.to=margincenterx+","+marginbottom re***ngularleft.to=marginleft+","+margincentery re***ngulartopleft.strokecolor=defaultcolor re***ngulartopright.strokecolor=defaultcolor re***ngularbottomleft.strokecolor=defaultcolor re***ngularbottomright.strokecolor=defaultcolor re***ngulartop.strokecolor=defaultcolor re***ngularright.strokecolor=defaultcolor re***ngularbottom.strokecolor=defaultcolor re***ngularleft.strokecolor=defaultcolor} function msover(thiscolorhighlight){ if(do***ent.all&&window.print){ re***ngulartopleft.strokecolor=thiscolorhighlight re***ngulartopright.strokecolor=thiscolorhighlight re***ngularbottomleft.strokecolor=thiscolorhighlight re***ngularbottomright.strokecolor=thiscolorhighlight re***ngulartop.strokecolor=thiscolorhighlight re***ngularright.strokecolor=thiscolorhighlight re***ngularbottom.strokecolor=thiscolorhighlight re***ngularleft.strokecolor=thiscolorhighlight re***ngulartopleft.strokeweight=lineweighthighlight re***ngulartopright.strokeweight=lineweighthighlight re***ngularbottomleft.strokeweight=lineweighthighlight re***ngularbottomright.strokeweight=lineweighthighlight re***ngulartop.strokeweight=lineweighthighlight re***ngularright.strokeweight=lineweighthighlight re***ngularbottom.strokeweight=lineweighthighlight re***ngularleft.strokeweight=lineweighthighlight } } function msout(){ if(do***ent.all&&window.print){ re***ngulartopleft.strokecolor=defaultcolor re***ngulartopright.strokecolor=defaultcolor re***ngularbottomleft.strokecolor=defaultcolor re***ngularbottomright.strokecolor=defaultcolor re***ngulartop.strokecolor=defaultcolor re***ngularright.strokecolor=defaultcolor re***ngularbottom.strokecolor=defaultcolor re***ngularleft.strokecolor=defaultcolor re***ngulartopleft.strokeweight=lineweightnormal re***ngulartopright.strokeweight=lineweightnormal re***ngularbottomleft.strokeweight=lineweightnormal re***ngularbottomright.strokeweight=lineweightnormal re***ngulartop.strokeweight=lineweightnormal re***ngularright.strokeweight=lineweightnormal re***ngularbottom.strokeweight=lineweightnormal re***ngularleft.strokeweight=lineweightnormal } } function momouse(){ if(do***ent.all&&window.print){ mo***pos_x=document.body.scrollLeft+ev***.clientX mo***pos_y=document.body.scrollTop+ev***.clientY re***ngulartopleft.from=mousepos_x+","+mousepos_y re***ngulartopright.from=mousepos_x+","+mousepos_y re***ngularbottomleft.from=mousepos_x+","+mousepos_y re***ngularbottomright.from=mousepos_x+","+mousepos_y re***ngulartop.from=mousepos_x+","+mousepos_y re***ngularright.from=mousepos_x+","+mousepos_y re***ngularbottom.from=mousepos_x+","+mousepos_y re***ngularleft.from=mousepos_x+","+mousepos_y } } if(do***ent.all&&window.print){ do***ent.body.className="disableHscroll" code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>" do***ent.body.insertAdjacentHTML("afterBegin",code) do***ent.onmousemove=momouse wi***w.onload=initiateanimation } </SCRIPT> <center> <a onMouseOver="msover('#33FF33')" onMouseOut="msout()" target="_blank" href="http://www.downcodes.com">悬停后改变颜色</a>

上一篇：按钮选择框，可以同时选中全部的按钮或都不选择

下一篇：在页面中实现搜索功能，只要是页面中的字符

很漂亮输入框的特效代码

相关阅读

最新文章

人气下载推荐

相关应用

热门文章

推荐游戏