迈向高效jQuery的下一步......？

Question

我使用下面的代码进行翻转效果,似乎工作正常!

我感兴趣的是以模块化的方式将其用于下一步.我的意思是,我不是要规定每一种可能性,而是如何开始制作我认为是插件的东西？

非常感谢!

$(document).ready(function() {

    $('#damart_490').hide();
    $('#simply_490').hide();

    $('.damart_link').hover(
        function() {
            $('#damart_490').show('blind',250);
                    },
        function() {
            $('#damart_490').hide('blind',250);
    });

    $('.simply_link').hover(
        function() {
            $('#simply_490').show('blind',250);
                    },
        function() {
            $('#simply_490').hide('blind',250);
    });

});

---

更新:
对不起,如果这很简单,但我怎么把它变成一个单独的文件插件并引用它？目前我有一个名为rollover.js的文件,其中包含...

function hover_link(link, element)
    {
        $(element).hide();

        $(link).hover(
            function() {
                $(element).show('blind',250);
            },
            function() {
                $(element).hide('blind',250);
        });
    }

这在我的页面中......

<script src="js/rollover.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function() {

$hover_link('.damart_link', '#damart_490');
$hover_link('.simply_link', '#simply_490');

});

</script>

我只是缺少一些语法？!谢谢!

Answer 1

下一步是通过编写函数来减少重复:

function hover_link(link, element)
{
    $(element).hide();

    $(link).hover(
        function() {
            $(element).show('blind',250);
        },
        function() {
            $(element).hide('blind',250);
    });
}

hover_link('.damart_link', '#damart_490');
hover_link('.simply_link', '#simply_490');