【Js-左侧折叠】的更多相关文章

vs2010 js代码折叠

方法一:插件   在Visaul Studio 2010中写js或css代码,缺少像写C#代码时的那种折叠功能,当代码比较多时,就很不方便. 但是已经有VS2010扩展支持这个功能,它就是--JSEnhancements(下载地址). 下载之后,双击安装,然后重启VS就可以了.   方法二: 或者是 /*#region 这里写你的js的用途*/ 这中间是你的js脚本代码 /*#endregion*/…

Angular.js实现折叠按钮的经典指令.

var expanderModule=angular.module('expanderModule',[]) expanderModule.directive('expander',function(){ return{ restrict:'EA', replace:true, transclude:true, scope:{ title:'=expanderTitle' }, template:'<div>'+'<div class="title" ng-click…

JS三级折叠菜单特效 自动收缩其它级

真的很不错!很实用,在IE6.IE7.IE8.FF.chrome等浏览器都正常运行,去掉CSS中 #menu ul中 {height:100px; overflow:auto;} 即可高度自适应 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html x…

JS左侧菜单-03

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <…

js左侧三级菜单导航实例代码

在左侧三级菜单导航想必大家都见到过吧,它的实现过程也并不复杂,下面有个不错的示例,感兴趣的朋友可以了解下 实例代码:   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xh…

js左侧三级菜单导航代码

效果演示: 实例代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en…

JS左侧菜单-02

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.111cn.net/1999/xhtml"> <style type="text/css"> body{ margin:10px; padding:10px; } a:link { text-decoration: none;color:…

JS左侧菜单-04

<script language="javascript" type="text/javascript"> function HideShow() { var alt = document.getElementById('switchPoint').alt; var src = document.getElementById('switchPoint').src; if (alt == "隐藏") { document.getElem…

js 左侧树添加选择样式

选择样式添加 menuToggle: function() { var menus = $('.nav-primary').children('li'); var tog = menus.has('.nav-secondary').children('a'); tog.on('click', function(event) { event.preventDefault(); var $this = $(this); menus.not($this.parent('li')).removeClas…

amazeui学习笔记--js插件（UI增强3）--折叠面板Collapse

amazeui学习笔记--js插件(UI增强3)--折叠面板Collapse 一.总结 注意点: 1.data-am-collapse:这个东西就是展开折叠事件 2.am-collapse(包括其下属):这个控制折叠样式 1.折叠面板:结合 Panel 组件实现手风琴效果.需结合以下辅助 class 使用: 要隐藏的内容添加 .am-collapse: 默认显示的内容添加 .am-collapse.am-in: 添加以上 class 以后,通过 Data API 来调用: <h4 data-am…