js常用代码
菜单点击高亮效果:
$(function () {
$("#asideNavUl li").click(function () {
$("li[class=‘on‘]").removeAttr("class");
$(this).addClass("on");
});
});
或者
$(function () {
$("#nav li").click(function () {
$("li[class=‘arrow_on‘]").removeAttr("class");
$(this).addClass("arrow_on");
});
});
radio js交互:
$(‘#checkbox‘).on(‘click‘,function(){
if(!$(this).is(‘:checked‘)){
$(this).parent().removeClass(‘checkbox‘).addClass(‘checkboxDisabled‘);
}else{
$(this).parent().removeClass(‘checkboxDisabled‘).addClass(‘checkbox‘);
}
});
toggle:
$("#detailBtn").click(function(){
$("#timeShowLine").toggle("slow",function(){
$(this).addClass("processConCur");
$(this).removeClass("processCon");
},function(){
$(this).removeClass("processConCur");
$(this).addClass("processCon");
})
})
清除input默认值:
window.onload = function() {
var input = document.getElementById("input");
input.onblur = function() {
this.value = (this.value == ‘‘ ? this.defaultValue : this.value);
};
input.onfocus = function() {
this.value = (this.value == this.defaultValue ? ‘‘ : this.value);
};
};
或者
window.onload = function() {
var input = document.getElementById("input");
input.onfocus = function() {
if(this.value==this.defaultValue){
this.value=‘‘;
this.style.color="#000";
}
else this.style.color="#999";
};
input.onblur = function() {
if(this.value==‘‘){
this.value=this.defaultValue;
this.style.color="#999";
}
else this.style.color="#000";
};
};
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。