CSS:光标跟随实现



$.extend({
    //线动画
    newsIconM: function(ele,widthLi,iconClass,widthDefault,e) {
        var e = e ? e : '',
            cont = $(ele).index(e),
            Nleft = cont * widthLi;
        widthDefault = widthDefault ? widthDefault : 0;
        $(iconClass).stop().animate({
            "left": Nleft + widthDefault
        }, 300);
    },
   
$(function($) {
    $(".navC li").hover(function() {
        $.newsIconM(this,120,".line_triangle",42,".navC li")
    }, function() {
        $.newsIconM($(".navC li.current"),120,".line_triangle",42,".navC li")
    });

});

你可能感兴趣的:(学习记录)