Fly主题关闭打开侧边栏（不带Cookie）代码
0
2917
2017年9月29日
贴出本站关闭打开侧边栏（不带Cookie），适用于大前端主题；想要Cookie，百度有实例，接下来是代码部分了
php部分
<div class="close-sidebar" data-original-title="显示/关闭侧边栏"><a href="javascript:;">关闭侧边栏</a></div> <div class="show-sidebar" data-original-title="显示/关闭侧边栏" style="display:none;"><a href="javascript:;">显示侧边栏</a></div>
CSS部分
.close-sidebar,.show-sidebar{float:right;margin:-65px -13px 0 0;padding:5px 10px;text-align: center;text-shadow: 0 1px 1px #ccc;border: 1px solid #ccc;border-bottom-color: #bbb;border-radius: 1px;box-shadow: 0 2px 2px #ddd;}
.close-sidebar a,.show-sidebar a{color:#333;}
.close-sidebar:hover,.show-sidebar:hover{background:#f6f6f6;}
.close-sidebar:active,.show-sidebar:active{background:#f6f6f6;box-shadow: inset 0 2px 4px #ddd;}JS部分
jQuery(document).ready(function($){
$('.close-sidebar').click(function(){
$('.close-sidebar,.sidebar').hide();
$('.show-sidebar').show();
$('.content').animate({
width: "1200px"
},
1000);})
$('.show-sidebar').click(function(){
$('.show-sidebar').hide();
$('.close-sidebar').show();
setTimeout(function () {$('.sidebar').show();}, 1000);
$('.content').animate({
width: "820px"
},
1000);})
});
在线咨询
@酷鱼：没打算开放下载呢