jquery - jquery中鼠标悬停时图像src发生变化

Question

html-

<img id="storyimg" src="images/stor.jpg" alt="img" />  
                <ul class="sb_menu">            
                    <li><a href="linkpage.htm" class="newslink1">Wireless Networking at Fortune Inn, Noida</a></li>
                    <li><a href="linkpage.htm" class="newslink2">18th International Conference on Oral & Maxillofacial Surgery</a></li>
                    <li><a href="linkpage.htm" class="newslink3">WiFi deployment at Vellore Institute of Technology</a></li>                        
                </ul>

我希望当用户移动到这些 li 项目上时我想更改图像，例如 -

<script>
                $('a.newslink1').bind('mouseover', function() {
                $('img#storyimg').src("images/stor1.jpg");
...same for newslink2 and 3, image will be stor2 and 3

但这不起作用，我想我写了错误的jquery?????????

Answer 1

使用attr:

$('img#storyimg').attr("src", "images/stor1.jpg");

更多信息:

http://api.jquery.com/attr/