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(){
});
}
});
}});
具体效果请看演示,一流资源网推荐下载。
如果觉得《html右侧悬浮侧边栏 jQuery页面侧边固定悬浮导航代码(带关闭按钮)》对你有帮助,请点赞、收藏,并留下你的观点哦!