如何将此jquery转换为函数？

Question

我想将下面的jquery代码转换为函数,这样我就可以添加链接到列表而不必触及jquery.我假设我必须将图像名称<a href>放在某处的标签中.

HTML代码

<img id="storyimg" src="1.png" alt="img" />
<ul class="sb_menu">            
    <li><a href="linkpage.htm" class="newslink1">Link 1</a></li>
    <li><a href="linkpage.htm" class="newslink2">Link 2</a></li>
    <li><a href="linkpage.htm" class="newslink3">Link 3</a></li>                        
</ul>

jQuery的

$('a.newslink1').bind('mouseover', function() {
    $('img#storyimg').attr("src", "1.png");
});
$('a.newslink2').bind('mouseover', function() {
    $('img#storyimg').attr("src", "2.png");
});
$('a.newslink3').bind('mouseover', function() {
    $('img#storyimg').attr("src", "3.png");
});

Answer 1

添加一个名为data-src的数据属性:

<a href="linkpage.htm" class="newslink" data-src="1.png">Link 1</a>

jQuery的:

$("a.newslink").bind("mouseover", function() {
    $("img#storyimg").attr("src", $(this).data("src"));
});

适用于jQuery 1.5+.