js通过更改按钮的显示样式实现按钮的滑动效果_javascript技巧
来源:动视网
责编:小采
时间:2020-11-27 21:22:06
js通过更改按钮的显示样式实现按钮的滑动效果_javascript技巧
js通过更改按钮的显示样式实现按钮的滑动效果_javascript技巧:通过更改按钮的显示样式,来实现按钮动态滑动 代码如下: 无标题文档 .search{ background:#008800; color:#fff; border:none; height:26px; line-height:20px; width:63x;} .searchhover{background:#00
导读js通过更改按钮的显示样式实现按钮的滑动效果_javascript技巧:通过更改按钮的显示样式,来实现按钮动态滑动 代码如下: 无标题文档 .search{ background:#008800; color:#fff; border:none; height:26px; line-height:20px; width:63x;} .searchhover{background:#00

通过更改按钮的显示样式,来实现按钮动态滑动
代码如下:
无标题文档
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;iif(o[i].type == "button"){
//o[i].className = "search";
o[i].onmouseover = function(){ this.className = "searchhover"}
o[i].onmouseout = function(){ this.className = "search"};
}
}
}
}
script>