jquery谷歌调试

jquery谷歌调试

addClass()

jquery谷歌调试

jquery谷歌调试

after()

jquery谷歌调试

 append()

jquery谷歌调试

ajaxStart()

jquery谷歌调试

find()

jquery谷歌调试

andSelf()

jquery谷歌调试

animate()

$(document).ready(function () {
    $(".new_cont ul li:first a").hover(function () {
        $(".newimg img").animate({width:"80%",height:"80%"},1000);
    });
}

当鼠标停在指定<a>上时:左边的框慢慢变小

jquery谷歌调试

<div class="mydemo width mar">
    <button id="left">«</button> <button id="right">»</button>
    <div class="block"></div>
</div>            //html代码

js代码
<script type="text/javascript">
$(".mydemo #left").click(function () {
        $(this).animate({marginLeft:'+50px'},"slow");
    });
    $(".mydemo #right").click(function () {
        $(this).animate({ marginLeft: '-50px' }, "slow");
    });
</script>

效果:

jquery谷歌调试

点击左右按钮后:

jquery谷歌调试