京东自营 + 国补 iPhone 历史最低价          国家补贴 享8折

懒人原生移动网页侧滑栏滑动效果

效果描述:
闲来无事,给大家写了一个首页网页常见的侧栏滑动效果
点击左上角按钮,侧栏可以显示或者隐藏
本效果主要采用CSS3中的transform预计translate属性实现,点击按钮分别给侧栏增加或者删除对应的class名称,然后移动body的位置,看起来是不是很简单?
另外,在这里跟大伙儿声明下,以后网友原创的移动效果,将逐步屏蔽掉jQuery插件,因为这家伙太影响移动网页性能了。本效果亦是采用原生的JavaScript代码实现,不依赖任何插件
使用方法:
1、将head中的CSS样式引入到你的网页中
2、将body中的代码部分拷贝到你需要的网页中即可

下载方法:
1、请用微信扫描下方二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在时代Java公众号里发送编号:5177
5177
3、发送后,将立刻收到 “验证码已经接收成功” 的回复,即可选择线路下载:
通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java