按钮形状改变html,js通过更改按钮的显示样式实现按钮的滑动效果

通过更改按钮的显示样式，来实现按钮动态滑动

无标题文档

.search{ background:#008800; color:#fff; border:none; height:26px; line-height:20px; width:63x;}

.searchhover{background:#000099; color:#fff; border:none; height:26px; line-height:20px; width:63px; }

function js()

{

// 使ie6 button支持hover属性 obj是要支持hover的实体 hover是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

if(o[i].type == "button"){

//o[i].className = "search";

o[i].onmouseover = function(){ this.className = "searchhover"}

o[i].onmouseout = function(){ this.className = "search"};

}

}

}

}