jquery 导航条的效果(css选择器控制)

<div class="all"> 
<div class="m1" jquery1274844839136="1">标题1</div> 
<div class="m2" jquery1274844839136="2">标题2</div> 
<div class="m3" jquery1274844839136="3">标题3</div> 
<div class="m4" jquery1274844839136="4">标题4</div> 
<div class="m5" jquery1274844839136="5">标题5</div> 
<div class="m6" jquery1274844839136="6">标题6</div> 
</div> 
<div>进入之后才能看到效果！</div> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%20src%3D%22http%3A%2F%2Fcode.jquery.com%2Fjquery-1.4.2.min.js%22%3E%3C%2Fscript%3E"><img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%24(document).ready(function%20()%20%7B%20%0D%0AmyHide()%3B%20%0D%0A%7D)%3B%20%0D%0Afunction%20myHide()%20%7B%20%0D%0A%2F%2Falert(%22hello%22)%3B%20%0D%0A%2F%2F%E6%B3%A8%E5%86%8C%E4%BA%8B%E4%BB%B6%20%0D%0A%24(%22.m1%22).bind('mouseover'%2C%20m1_mouseover)%3B%20%0D%0A%24(%22.m1%22).bind('mouseout'%2C%20m1_mouseout)%3B%20%0D%0A%24(%22.m2%22).bind('mouseover'%2C%20m2_mouseover)%3B%20%0D%0A%24(%22.m2%22).bind('mouseout'%2C%20m2_mouseout)%3B%20%0D%0A%24(%22.m3%22).bind('mouseover'%2C%20m3_mouseover)%3B%20%0D%0A%24(%22.m3%22).bind('mouseout'%2C%20m3_mouseout)%3B%20%0D%0A%24(%22.m4%22).bind('mouseover'%2C%20m4_mouseover)%3B%20%0D%0A%24(%22.m4%22).bind('mouseout'%2C%20m4_mouseout)%3B%20%0D%0A%24(%22.m5%22).bind('mouseover'%2C%20m5_mouseover)%3B%20%0D%0A%24(%22.m5%22).bind('mouseout'%2C%20m5_mouseout)%3B%20%0D%0A%24(%22.m6%22).bind('mouseover'%2C%20m6_mouseover)%3B%20%0D%0A%24(%22.m6%22).bind('mouseout'%2C%20m6_mouseout)%3B%20%0D%0A%7D%3B%20%0D%0Afunction%20m1_mouseover()%20%7B%20%0D%0A%24(%22.m1%22).animate(%7B%20width%3A%20%22100px%22%2C%20height%3A%20%2230px%22%2CfontSize%3A%2222px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m1_mouseout()%20%7B%20%0D%0A%24(%22.m1%22).animate(%7B%20width%3A%20%2270px%22%2C%20height%3A%20%2220px%22%2C%20fontSize%3A%20%2214px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m2_mouseover()%20%7B%20%0D%0A%24(%22.m2%22).animate(%7B%20width%3A%20%22100px%22%2C%20height%3A%20%2230px%22%2C%20fontSize%3A%20%2222px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m2_mouseout()%20%7B%20%0D%0A%24(%22.m2%22).animate(%7B%20width%3A%20%2270px%22%2C%20height%3A%20%2220px%22%2C%20fontSize%3A%20%2214px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m3_mouseover()%20%7B%20%0D%0A%24(%22.m3%22).animate(%7B%20width%3A%20%22100px%22%2C%20height%3A%20%2230px%22%2C%20fontSize%3A%20%2222px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m3_mouseout()%20%7B%20%0D%0A%24(%22.m3%22).animate(%7B%20width%3A%20%2270px%22%2C%20height%3A%20%2220px%22%2C%20fontSize%3A%20%2214px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m4_mouseover()%20%7B%20%0D%0A%24(%22.m4%22).animate(%7B%20width%3A%20%22100px%22%2C%20height%3A%20%2230px%22%2C%20fontSize%3A%20%2222px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m4_mouseout()%20%7B%20%0D%0A%24(%22.m4%22).animate(%7B%20width%3A%20%2270px%22%2C%20height%3A%20%2220px%22%2C%20fontSize%3A%20%2214px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m5_mouseover()%20%7B%20%0D%0A%24(%22.m5%22).animate(%7B%20width%3A%20%22100px%22%2C%20height%3A%20%2230px%22%2C%20fontSize%3A%20%2222px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m5_mouseout()%20%7B%20%0D%0A%24(%22.m5%22).animate(%7B%20width%3A%20%2270px%22%2C%20height%3A%20%2220px%22%2C%20fontSize%3A%20%2214px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m6_mouseover()%20%7B%20%0D%0A%24(%22.m6%22).animate(%7B%20width%3A%20%22100px%22%2C%20height%3A%20%2230px%22%2C%20fontSize%3A%20%2222px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0Afunction%20m6_mouseout()%20%7B%20%0D%0A%24(%22.m6%22).animate(%7B%20width%3A%20%2270px%22%2C%20height%3A%20%2220px%22%2C%20fontSize%3A%20%2214px%22%20%7D%2C%20%22fast%22)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E">

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程