ボタンの表示スタイルを変更することにより、ダイナミックボタンスワイプが達成されます
コードコピーは次のとおりです。
<！doctype html public " - // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> un unt ittitled document </title>
</head>
<style>
.search {background：＃008800;色：#fff;国境：なし;高さ：26px;ラインハイト：20px;幅：63x;}
.searchhover {background：＃000099;色：#fff;国境：なし;高さ：26px;ラインハイト：20px;幅：63px; }
</style>
</head>
<body onload = "js（）">
<入力型= "button" id = "btn" name = "btn" value = "login"/>
<input type = "button" id = "btn2" name = "btn" value = "logout"/>
<script type = "text/javascript">
関数js（）
{
// IE6ボタンをサポートするホバー属性をサポートするOBJ、ホバーをサポートしたいエンティティはBTN：HOVERのスタイルであり、INITは初期スタイルです
obj = "btn";
alert（navigator.appname）;
if（navigator.appname == "Microsoft Internet Explorer" && parsefloat（navigator.appversion）== 4）{//判断ie6
var o = document.getElementsbyname（obj）;
for（var i = 0; i <o.length; i ++）{
if（o [i] .type == "button"）{
//o [i] .classname = "search";
o [i] .onmouseover = function（）{this.classname = "searchhover"}
o [i] .onmouseout = function（）{this.classname = "search"};
}
}
}
}
</script>
</body>
</html>