jquery 控制面板插件的基本操作

原创 2012年03月28日 17:58:52
<script src="../jquery/jquery-1.7.1.js"></script>

<script src="../jquery/jquery-ui-1.8.18.custom.min.js"></script>
<!--引入css-->
<link rel="stylesheet" href="../jquery/css/jquery-ui-1.8.18.custom.css" />

<script type="text/javascript">
  $(function(){ 
   // var option={header:"h3"}; //[{},{}] json格式 
    $("#accordion").accordion({
		 header:"h3", //头信息 h3 必须是h3 页面中div中时什么 ,这里就是什么
		 event:'mouseover', //面板展开的事件效果 默认的是click事件
		 active:1 ,//默认展开的面板 从0开始 默认值是0 
		 animated:"bounceslide",  //面板展开的 动画效果
		 autoHeight:true,  //面板的高度 是否是自动 增高
		 fallSpase:false ,//所有填充到父元素
		 icons:{ //图标的设置 
			  
			  header:"ui-icon-carat-2-n-s", //默认时的效果
			  headerSelected:"ui-icon-carat-2-n-s" //面板激活时的效果
		 }
		  }).sortable({
			axis:'y',  //拖拽方式x /y轴   只能在y轴上拖拽
			handle:"h3", //只能拖拽h3
			
			/* stop: function(event,ui){ //stop事件 匿名函数 event浏览器自带的事件处理对象 ui藏做控制对象
		//alert("你要停止么");
		//ui  item help 等
			 ui.item.children("h3").triggerHandler("focusout");
			 }*/
			 
		
		});
		//通过绑定事件实现
		/*$("#accordion").bind("sortstop",function(event,ui){
			
		alert("dddddd");	
		});*/
  });

</script>

<div id="accordion" style="width:600px; height:600px; border:#F00 solid 1px;">
			<div>
				<h3><a href="#">First</a></h3>
				<div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
			</div>
			<div>
				<h3><a href="#">Second</a></h3>
				<div>Phasellus mattis tincidunt nibh.</div>
			</div>
			<div>
				<h3><a href="#">Third</a></h3>
				<div>Nam dui erat, auctor a, dignissim quis.</div>
			</div>
		</div>
        
        


相关文章推荐

该文件没有程序与之关联来执行该操作。请在控制面板的文件夹选项中创建关联 解决代码

打开控制面板-文件夹选项,或者打开任意一个文件夹,在菜单栏--工具--文件夹选项 1、切换到文件类型选项卡,在以注册的文件类型中找到要打开的文件类型 2、选中后点击下面的“高级”按扭 3、在...

菜鸟必知的Win 7系统控制面板的操作技巧【绿色】

win 7系统控制面板的操作技巧分享:控制面板是Windows系统中重要的设置工具之一,方便用户查看和设置系统状态。Win7系统中的控制面板有一些操作方面的改进设计,如果一些刚开始使用Win7的用户还...

vc 使用ShellExecut来启动控制面板中功能模块的操作

vc 使用ShellExecut来启动控制面板中功能模块的操作 文件夹,文件,网址可以创建快捷方式,控制面板 中的设置也可以创建快捷方式,下面是快捷方式的命令,使用方法:在桌面或文件夹的空白处...
  • liu0115
  • liu0115
  • 2016年12月23日 16:13
  • 245

无法通过“控制面板”卸载 Office 2003、Office 2007 或 Office 2010 套件的情况下,如何才能将其卸载?

今天接到一起故障,用户系统为winXP,症状为系统大部分对话框中文字变为竖条“|”询问得知该用户由于无法正常卸载office,于是自行手工删除了部分文件和注册表键值。检查发现系统很多字体缺失(连宋体都...

Eclipse中SVN管理工具Subclipse客户端插件的基本操作

有关Subclipse插件的安装请看http://www.uml.org.cn/pzgl/200904106.asp 下面我记录一下Subclipse里的基本操作:1.更新、提交鼠标右击项目名称选择“...

unity插件Skyshop的介绍与基本操作

Skyshop这个插件发布到商店后就引起了许多用户的关注与热烈讨论,其中最大的原因是在Unity里面一直缺乏很完善的环境系统,大多数的情况下必须使用天空盒与默认的光源来模拟场景内的光影效果,而这种情况...

MyEclipse6.5安装SVN插件的三种方法 以及基本操作

一、安装方法: 方法一、如果可以上网可在线安装 1. 打开Myeclipse,在菜单栏中选择Help→Software Updates→Find and Install; 2. 选择...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 控制面板插件的基本操作
举报原因:
原因补充:

(最多只允许输入30个字)