2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html右侧悬浮侧边栏 jQuery页面侧边固定悬浮导航代码(带关闭按钮)

html右侧悬浮侧边栏 jQuery页面侧边固定悬浮导航代码(带关闭按钮)

时间:2024-02-20 04:55:27

相关推荐

html右侧悬浮侧边栏 jQuery页面侧边固定悬浮导航代码(带关闭按钮)

varbrowser={

versions:function(){

varu=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.+MacOSX/),//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='页游手游动漫漫画动画小说社区';

if(_st==1){

$(_code).hide().appendTo("body").fixed({x:-44,y:0}).fadeIn(500);

$("#fixeddta.close").width('68px');

}else

{

$(_code).hide().appendTo("body").fixed({x:0,y:0}).fadeIn(500);

}$("#fixeddt").click(function(){

var_left=$("#fixed").offset().left;

if(_left>=0){

$.cookie("fixed",1,{path:'/'});

$("#fixed").animate({left:-44},300,'swing',function(){

$("#fixeddta.close").hide().width('68px').fadeIn(500);

});

}else{

$.cookie("fixed",0,{path:'/'});

$("#fixeddta.close").width('44px');

$("#fixed").animate({left:0},300,'swing',function(){

});

}

});

}});

具体效果请看演示,一流资源网推荐下载。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。