首页 > web前端 > js教程 > jquery实现手风琴效果实例代码_jquery

jquery实现手风琴效果实例代码_jquery

WBOY
发布: 2016-05-16 17:14:52
原创
1153 人浏览过
复制代码如下代码:

//jquery实现手风琴效果 
 
 
<头> 

手风琴 

<脚本类型=“text/javascript”语言=“javascript”src=“jquery-1.7.1.min.js”> 
 
<脚本类型=“text/javascript”语言=“javascript”src=“jquery-ui-1.8.18.custom.min.js”> 
 

<脚本类型=“text/javascript”语言=“javascript”> 
$(function(){ 
    $("#accordion").accordion( 
    { 
        header: "h3", 
        event:"mouseover", 
        图标:{
            header:"ui-icon-carat-2-e-w" 
            }, 
        } 

    ).sortable({ 
        axis:"Y"//拖拽效果  上下默认为左右拖动
        }); 
    }) 

 
<身体> 
 
   

     

第一个

 
     
Lorem ipsum dolor sat amet。 Lorem ipsum dolor 坐 amet。 Lorem ipsum dolor sat amet。
 
   

 

  

第二个

 
  
Phasellus mattistincidunt nibh。
 
 

 

  

第三个

 
  
悠悠

  

 

 
 
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板