jQuery焦点图切换特效插件封装实例

            li_width = lis.first().width();
            wrapper.css({
                width: li_width + ‘px’,
                height: li_height + ‘px’
            });
            lis.css({
                width: li_width + ‘px’,
                height: li_height + ‘px’
            });
            if (settings.direction == ‘left’) {
                ul.css(‘width’, li_num * li_width + ‘px’)
            } else {
                ul.css(‘height’, li_num * li_height + ‘px’)
            };
            ul.find(‘li:eq(‘ + settings.startIndex + ‘)’).addClass(‘active’);
            if (!settings.hideBottomBar) {
                var tips = $(‘<div class=”tips”></div>’).css(‘opacity’, 0.6).appendTo(wrapper);
                var title = $(‘<div class=”title”></div>’).html(function () {
                    var active = ul.find(‘li.active’).find(‘a’),
                    text = active.attr(‘title’),
                    href = active.attr(‘href’);
                    return $(‘<a>’).attr(‘href’, href).text(text)
                }).appendTo(tips);
                var nums = $(‘<div class=”nums”></div>’).hide().appendTo(tips);