버튼의 표시 스타일을 변경하여 버튼을 동적으로 슬라이드할 수 있습니다 코드 복사 코드는 다음과 같습니다 < ;html xmlns="http://www.w3.org/1999/xhtml"> 제목 없는 문서 .search{ 배경:#fff; 테두리:26px; 너비:63x;} <br>.searchhover{배경:#fff; 없음; 높이:20px; 너비:63px } <br><br><br></head> )"> <br><input type="button" id="btn" class="search" name="btn" value="Login"/> <br><input type="button" id ="btn2" class ="search" name="btn" value="Logout"/> <br><script type="text/javascript" > <br><br>함수 js() <br> { <br>/ / ie6 버튼이 hover 속성을 지원하도록 합니다. obj는 hover를 지원하는 엔터티이고, init는 초기 스타일입니다. <br>obj="btn" <br>alert(navigator. appName); <br>if( navigator.appName == "Microsoft Internet Explorer" &&parseFloat(navigator.appVersion) == 4){// 판사 ie6 <br>var o = document.getElementsByName(obj); for(var i=0;i< ;o.length;i ){ <br>if(o[i].type == "button"){ <br>//o[i].className = "search"; <br>o[i].onmouseover = function(){ this.className = "searchhover"} <br>o[i].onmouseout = function(){ this.className = "search"} <br>}; 🎜>} <br>} <br>} <br></script> <br></body> <br><br> </div>
