jQuery仿天猫侧边固定悬浮导航代码（带关闭）

查看演示立即下载

插件描述：jQuery仿天猫侧边固定悬浮导航代码（带关闭）

var browser={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {    //移动终端浏览器版本信息
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部
        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
$(document).ready(function(){
    if(!browser.versions.mobile){
        var _st = $.cookie("fixed");
        if(!_st)_st=0;
        var _code = '<div id="fixed"><dl><dd><a href="/">http://www.jq22.com/" class="web">页游</a></dd><dd><a href="/">手游</a></dd><dd><a href="/">http://www.jq22.com/" target="_blank" class="dj">动漫</a></dd><dd><a href="/">http://www.jq22.com/" target="_blank" class="mh">漫画</a></dd><dd><a href="/">http://www.jq22.com/" target="_blank" class="dh">动画</a></dd><dd><a href="/">http://www.jq22.com/" class="pk165">小说</a></dd><dd><a href="/">http://www.jq22.com/" class="w267">社区</a></dd><dt><a href="/"></a></dt></dl></div>';
        if(_st==1){
            $(_code).hide().appendTo("body").fixed({x:-44,y:0}).fadeIn(500);
            $("#fixed dt a.close").width('68px');
        } else {
            $(_code).hide().appendTo("body").fixed({x:0,y:0}).fadeIn(500);
        }
        $("#fixed dt").click(function(){
            var _left = $("#fixed").offset().left;
            if(_left>=0){
                $.cookie("fixed",1,{path:'/'});
                $("#fixed").animate({left:-44},300,'swing',function(){
                    $("#fixed dt a.close").hide().width('68px').fadeIn(500);
                });
            } else {
                $.cookie("fixed",0,{path:'/'});
                $("#fixed dt a.close").width('44px');
                $("#fixed").animate({left:0},300,'swing',function(){
                });
            }
        });
    }
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： juqery手风琴实现图片切换
下一个特效： js操作文件夹