javascript - html伸缩式侧边栏代码?

WBOY
Release: 2016-06-06 20:22:25
Original
1662 people have browsed it

类似于这种 http://www.htmleaf.com/Demo/20141010127.html 。
求简单的写个例子,可以用jquery。
或者给我一个思路也行。




    
    Document
    


    



 基本布局我已经写好了,代码编辑器竟然不支持 * 选择器!所以我写了两个 * 号!
 
Copy after login
Copy after login

顺便问一下,用sublime的有吗?快捷方式写出来的基本html文档中,怎么改成?

回复内容:

类似于这种 http://www.htmleaf.com/Demo/20141010127.html 。
求简单的写个例子,可以用jquery。
或者给我一个思路也行。




    
    Document
    


    



 基本布局我已经写好了,代码编辑器竟然不支持 * 选择器!所以我写了两个 * 号!
 
Copy after login
Copy after login

顺便问一下,用sublime的有吗?快捷方式写出来的基本html文档中,怎么改成?

给三个 class 分别对应隐藏,图标模式,全部模式三个模式下的宽度,然后在对应的事件上绑定相应的 class 就好了。
标签快捷补完是 emmet 的功能,只需要 html 的话可以直接输入 html 然后 tab,如果是要修改语言的话需要 ![lang=zh-cn] 或者你也可以 !!!doc 两个配合使用,更多的快捷方式可以查看 emmit cheatsheet 自己在 config 里面定义一个快捷模板,这个可以查阅官方 readme 了解更多。

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!