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>
        
        


jquery插件之面板

1、在学习jquery插件之前首先我们来看一下该怎样开始布置工作     jquery  ui使用前提:             第一步:引入类库文件                     包...
  • wjc19911118
  • wjc19911118
  • 2012年03月28日 21:18
  • 1984

用命令启动控制面板

 内容分类: 背景知识 关键词: 控制面板;命令行    当无法用常规方法打开控制面板中的项目时,可用命令方式打开。   启动控制面板命令大全控制面板模块: control.exe命令: rundll...
  • shaopang
  • shaopang
  • 2006年07月05日 16:58
  • 944

删除控制面板里面的java

在注册表删除 win开始菜单->运行->regedit 然后找到,并删掉 HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Ex...
  • chen136428
  • chen136428
  • 2015年01月09日 10:56
  • 969

jQuery基本操作

jQuery基本操作1. 用jQuery操作DOM(1)修改元素属性attr() 获取设置属性值 removeAttr() 移除属性(2) 修改元素内容text() 设置或返回所选元素的文本内容 ...
  • qq_37178923
  • qq_37178923
  • 2017年12月25日 03:34
  • 47

基于jQuery插件之初探

有段时间没更博客了,最近换了份工作,从之前的编写H5移动端页面项目到现在的PC端单页面项目,进项目组之后主要做的事情就是编写前端插件,1个多月来的工作,把自己在这个项目中编写插件的一些体会做个小结。 ...
  • this_ITBoy
  • this_ITBoy
  • 2017年04月08日 15:28
  • 500

win2003控制面板不见了,打开“控制面板”的方法,安全策略

在win2003上安装了一个软件,结果后来要卸载掉,发现控制面板不见了。 右键我的电脑/管理,被提示没有权限?! 肯定是安全策略的问题。 在网络上搜索了一下,自己整理解决方法如下: 百度知道:打开“控...
  • apensu
  • apensu
  • 2010年02月04日 22:28
  • 5239

24款最好的jQuery日期时间选择器插件

如果你正在创建一个网络表单,有很多事情你需要在你的应用程序中使用。有时您需要特别的输入,从用户的日期和时间,如发票日期,生日,交货时间,或任何其他此类信息。如果你有这样的需要,可以极大地从动态的jQu...
  • yanghaonan7758
  • yanghaonan7758
  • 2017年05月02日 09:19
  • 2031

jquery 对话框(Dialog)插件

jQuery 对话框(Dialog) - 模态
  • z991876960
  • z991876960
  • 2016年09月22日 12:57
  • 2131

推荐十个最新免费的 jQuery 表格插件

转自:http://mp.weixin.qq.com/s?__biz=MjM5NzM0MjcyMQ==&mid=205735655&idx=3&sn=a8885cb650bebbd745e591d48...
  • kuaileboy1989
  • kuaileboy1989
  • 2015年06月13日 18:39
  • 664

jQuery自己编写插件()

引言:   在项目中不同页面经常要用到已经写好的交互,比如弹窗,比如下拉菜单,比如选项卡,比如删除... 此时如果每次都把代码copy一份无疑是一件比较麻烦并且无趣的事情,而且个人认为有些low了...
  • chenxi1025
  • chenxi1025
  • 2016年08月16日 16:19
  • 3358
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 控制面板插件的基本操作
举报原因:
原因补充:

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