心平凡,自不凡
我时常想象自己沿着视野里的湖边一遍一遍的走着,看着春天的枝叶发出新芽,夏天里漫天飞舞的柳絮,秋日里被寒霜染红的落叶,冬日里最最欣喜的漫山遍野的雪景,料想这原本就是自己的一生,但自从遇见了不安,便让自己脱离里梦境,游走在时间与欲望的边缘,时而快乐着时而忧伤着的挥霍自己的青春。
响应式网站可以实现网站的自适应,通过媒体查询效率高,本文是实现网站自适应移动端的另一个途径!
话不多说,直接上代码(调用需要引入jquery库文件)
// 移动端导航
function mobleNav(mobileObj) {
var _documentBody = $(document.body);
var _mobileObj = $(mobileObj);
var _screenVal = 480;
var _width = $(document.body).width();
// 获取需要展示图层
var _show = _mobileObj.next();
// 获取关闭按钮
var _btnClose = _show.children("span");
if(!(_width < _screenVal) ){
_mobileObj.css("display","none");
}
// 展示
_mobileObj.on('click',function () {
if(_mobileObj.attr("isShow")){
_mobileObj.removeAttr("isShow");
_show.css("display","none");
}else{
_mobileObj.attr("isShow",true);
_show.css("display","block");
_documentBody.css("overflow-y","hidden");
}
});
// 隐藏
_btnClose.on('click',function () {
if(_mobileObj.attr("isShow")){
_mobileObj.removeAttr("isShow");
_show.css("display","none")
_documentBody.css("overflow-y","auto");
}
});
};