.htm

实习笔记

$('.item').click(function(){ 　　　 　alert($(this).attr('id'));
if($(this).attr('id')=="item-one"){$('.one_container').css("display","block");
$('.two_container').css("display","none");$('.three_container').css("display","none");
$('.four_container').css("display","none"); /*$('#item-one').css("borderLeft","none")
$('#item-one').css("borderTop","0.15em solid #468ae5");$('#item-one').css("borderRight","0.15em solid #468ae5");
$('#item-one').css("borderBottom","none");$('#item-two').css("borderLeft","none");
$('#item-two').css("borderTop","0.1em solid #CCC");$('#item-two').css("borderRight","0.1em solid #CCC");
$('#item-two').css("borderBottom","0.15em solid #468ae5");$('#item-three').css("borderLeft","0.1em solid #CCC");
$('#item-three').css("borderTop","0.1em solid #CCC");$('#item-three').css("borderRight","0.1em solid #CCC");
$('#item-three').css("borderBottom","0.15em solid #468ae5");$('#item-four').css("borderLeft","0.1em solid #CCC");
$('#item-four').css("borderTop","0.1em solid #CCC");$('#item-four').css("borderRight","0.1em solid #CCC");
$('#item-four').css("borderBottom","0.15em solid #468ae5");$('#item-five').css("borderLeft","0.1em solid #CCC")
$('#item-five').css("borderTop","0.1em solid #CCC");$('#item-five').css("borderRight","0.1em solid #CCC");
$('#item-five').css("borderBottom","0.15em solid #468ae5");/
}else if($(this).attr('id')=="item-two"){$('.one_container').css("display","none");
$('.two_container').css("display","block");$('.three_container').css("display","none");
$('.four_container').css("display","none");
/ $('#item-one').css("borderLeft","0.1em solid #CCC")$('#item-one').css("borderTop","0.1em solid #CCC");
$('#item-one').css("borderRight","0.1em solid #CCC");$('#item-one').css("borderBottom","0.15em solid #468ae5");
$('#item-two').css("borderLeft","0.15em solid #468ae5");$('#item-two').css("borderTop","0.15em solid #468ae5");
$('#item-two').css("borderRight","0.15em solid #468ae5");$('#item-two').css("borderBottom","none");
$('#item-three').css("borderLeft","0.1em solid #CCC");$('#item-three').css("borderTop","0.1em solid #CCC");
$('#item-three').css("borderRight","0.1em solid #CCC");$('#item-three').css("borderBottom","0.15em solid #468ae5");
$('#item-four').css("borderLeft","0.1em solid #CCC");$('#item-four').css("borderTop","0.1em solid #CCC");
$('#item-four').css("borderRight","0.1em solid #CCC");$('#item-four').css("borderBottom","0.15em solid #468ae5");
$('#item-five').css("borderLeft","0.1em solid #CCC")$('#item-five').css("borderTop","0.1em solid #CCC");
$('#item-five').css("borderRight","0.1em solid #CCC");$('#item-five').css("borderBottom","0.15em solid #468ae5");/
}else if($(this).attr('id')=="item-three"){$('.one_container').css("display","none");
$('.two_container').css("display","none");$('.three_container').css("display","block");
$('.four_container').css("display","none");
/$('#item-one').css("borderLeft","0.1em solid #CCC")$('#item-one').css("borderTop","0.1em solid #CCC");
$('#item-one').css("borderRight","0.1em solid #CCC");$('#item-one').css("borderBottom","0.15em solid #468ae5");
$('#item-two').css("borderLeft","0.1em solid #CCC");$('#item-two').css("borderTop","0.1em solid #CCC");
$('#item-two').css("borderRight","0.1em solid #CCC");$('#item-two').css("borderBottom","0.15em solid #468ae5");
$('#item-three').css("borderLeft","0.15em solid #468ae5");$('#item-three').css("borderTop","0.15em solid #468ae5");
$('#item-three').css("borderRight","0.15em solid #468ae5");$('#item-three').css("borderBottom","none");
$('#item-four').css("borderLeft","0.1em solid #CCC");$('#item-four').css("borderTop","0.1em solid #CCC");
$('#item-four').css("borderRight","0.1em solid #CCC");$('#item-four').css("borderBottom","0.15em solid #468ae5");
$('#item-five').css("borderLeft","0.1em solid #CCC")$('#item-five').css("borderTop","0.1em solid #CCC");
$('#item-five').css("borderRight","0.1em solid #CCC");$('#item-five').css("borderBottom","0.15em solid #468ae5");/
}else if($(this).attr('id')=="item-four"){$('.one_container').css("display","none");
$('.two_container').css("display","none");$('.three_container').css("display","none");
$('.four_container').css("display","block");
/$('#item-one').css("borderLeft","0.1em solid #CCC")$('#item-one').css("borderTop","0.1em solid #CCC");
$('#item-one').css("borderRight","0.1em solid #CCC");$('#item-one').css("borderBottom","0.15em solid #468ae5");
$('#item-two').css("borderLeft","0.1em solid #CCC");$('#item-two').css("borderTop","0.1em solid #CCC");
$('#item-two').css("borderRight","0.1em solid #CCC");$('#item-two').css("borderBottom","0.15em solid #468ae5");
$('#item-three').css("borderLeft","0.1em solid #CCC");$('#item-three').css("borderTop","0.1em solid #CCC");
$('#item-three').css("borderRight","0.1em solid #CCC");$('#item-three').css("borderBottom","0.15em solid #468ae5");
$('#item-four').css("borderLeft","0.15em solid #468ae5");$('#item-four').css("borderTop","0.15em solid #468ae5");
$('#item-four').css("borderRight","0.15em solid #468ae5");$('#item-four').css("borderBottom","none");
$('#item-five').css("borderLeft","0.1em solid #CCC")$('#item-five').css("borderTop","0.1em solid #CCC");
$('#item-five').css("borderRight","0.1em solid #CCC");$('#item-five').css("borderBottom","0.15em solid #468ae5");/
}else{
$('.one_container').css("display","none");$('.two_container').css("display","none");
$('.three_container').css("display","none");$('.four_container').css("display","block");
/$('#item-one').css("borderLeft","0.1em solid #CCC")$('#item-one').css("borderTop","0.1em solid #CCC");
$('#item-one').css("borderRight","0.1em solid #CCC");$('#item-one').css("borderBottom","0.15em solid #468ae5");
$('#item-two').css("borderLeft","0.1em solid #CCC");$('#item-two').css("borderTop","0.1em solid #CCC");
$('#item-two').css("borderRight","0.1em solid #CCC");$('#item-two').css("borderBottom","0.15em solid #468ae5");
$('#item-three').css("borderLeft","0.1em solid #CCC");$('#item-three').css("borderTop","0.1em solid #CCC");
$('#item-three').css("borderRight","0.1em solid #CCC");$('#item-three').css("borderBottom","0.15em solid #468ae5");
$('#item-four').css("borderLeft","0.1em solid #CCC");$('#item-four').css("borderTop","0.1em solid #CCC");
$('#item-four').css("borderRight","0.1em solid #CCC");$('#item-four').css("borderBottom","0.15em solid #468ae5");
$('#item-five').css("borderLeft","0.15em solid #468ae5")$('#item-five').css("borderTop","0.15em solid #468ae5");
$('#item-five').css("borderRight","none");$('#item-five').css("borderBottom","none");*/
}
});