简单jquery切换图片

请指教哪里写错了
<script type="text/javascript">
$(document).ready(function(){
$("#001").mouseenter(function(){
// alert(11);
// $(this).src="img/cry.gif";
$(this).css("src","url(img/cry.gif)");
});
});
</script>
</head><body>
<img id="001" src="img/smile.gif"/>
</body>
</html>

解决方案 »

  1.   

    1.id值不规范，应该以字母或下划线开头
    2.
    $(this).attr("src","img/cry.gif");
      

  2.   

    谢谢楼上，但是我有100个图片，不想在img里写id，想通过$(this)取到当前的img，然后替换图片，图片更还前后的地址是img/cry.gif和img/cry.jpg，只是格式不同，我应该怎么做啊？求教<script type="text/javascript">
    $(document).ready(function() {
    $(".con img").mouseenter(function(){
    $(this).css( 'background-color','#666');
    $(this).attr("src","img/cry.gif");这里应该怎么写？
    }).mouseout(function(){
    $(this).css( 'background-color','#FFFFFF');
    });
    });
    </script>
    <div class="con">
    <table>
    <tr>
    <td><img src="img/smile.gif" /></td>
    <td><img src="img/beishang.gif" /></td>
    <td><img src="img/yun.gif" /></td>
    <td><img src="img/cry.gif" /></td>
    <td><img src="img/haugh.gif" /></td>
    <td><img src="img/fire.gif" /></td>
    <td><img src="img/zhayan.gif" /></td>
    <td><img src="img/tushe.gif" /></td>
    <td><img src="img/nanguo.gif" /></td>
    <td><img src="img/shengqi.gif" /></td>
    </tr>
    <tr>
    <td><img src="img/ganga.gif" /></td>
    <td><img src="img/meiyan.gif" /></td>
    <td><img src="img/zhouma.gif" /></td>
    <td><img src="img/shiwang.gif" /></td>
    <td><img src="img/bengkui.gif" /></td>
    <td><img src="img/baomi.gif" /></td>
    <td><img src="img/touxiao.gif" /></td>
    <td><img src="img/bishi_jing.jpg" /></td>
    <td><img src="img/deyi.gif" /></td>
    <td><img src="img/dakeshui.gif" /></td>
    </tr>
    <tr>
    <td><img src="img/bo.gif" /></td>
    <td><img src="img/jingya.gif" /></td>
    <td><img src="img/gaobudong.gif" /></td>
    <td><img src="img/fahen.gif" /></td>
    <td><img src="img/feiwen.gif" /></td>
    <td><img src="img/laoda.gif" /></td>
    <td><img src="img/cofei.gif" /></td>
    <td><img src="img/xinsui.gif" /></td>
    <td><img src="img/jiu.gif" /></td>
    <td><img src="img/dui.gif" /></td>
    </tr>
    <tr>
    <td><img src="img/cuo.gif" /></td>
    <td><img src="img/hua.gif" /></td>
    <td><img src="img/xin.gif" /></td>
    <td><img src="img/jingkong.gif" /></td>
    <td><img src="img/haoxiao.gif" /></td>
    <td><img src="img/han.gif" /></td>
    <td><img src="img/tu.gif" /></td>
    <td><img src="img/haose.gif" /></td>
    <td><img src="img/paishou.gif" /></td>
    <td><img src="img/kaixin.gif" /></td>
    </tr>
    <tr>
    <td><img src="img/bye.gif" /></td>
    <td><img src="img/fendou.gif" /></td>
    <td><img src="img/sajiao.gif" /></td>
    <td><img src="img/keai.gif" /></td>
    <td><img src="img/no.gif" /></td>
    <td><img src="img/dabianni.gif" /></td>
    <td><img src="img/xigua.gif" /></td>
    <td><img src="img/woshou.gif" /></td>
    <td><img src="img/pizza.gif" /></td>
    <td><img src="img/yao.gif" /></td>
    </tr>
    </table>
    </div>
      

  3.   

    var url = $(this).attr("src");
    $(this).attr("src", url.substring(0, url.lastIndexOf(".")) + ".jpg");