jquery ui放大缩小_jquery ui放大缩小

展开全部

html>

jquery-ui

$(function(){

$("#menu").menu();          

$("#menu" ).draggable();   

$("#menu").resizable();    

$("#tabs").tabs();

$("#accordion").accordion();

$( "#sortable" ).sortable();  

$( "#sortable" ).disableSelection();

});

body{

width:90%;

background:url(image/bg0.jpg);

margin:0 auto;

}

.ui-menu {

width:100px;

text-align:center;

margin:0 auto;

}

.ui-tabs{

border:1px solid green;

}

#accordion{

width:100%;

height:200px;

}

.content{

height:1000px;

width:100%;

border:5px solid #87CEFA;

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

border-radius:15px;

}

.cdown{

margin:0 auto;

width:100%;

}

.ctop{

margin:0 auto;

width:100%;

height:500px;

}

#tabs-1{

background:url(image/p-bg1.jpg) no-repeat;

}

#tabs-2{

background:url(image/p-bg2.jpg) no-repeat;

}

#tabs-3{

background:url(image/p-bg3.jpg) no-repeat;

}

#tabs ul li{

background:#76EEC6;

}

.c{

height:250px;

}

#sortable image{

width:155px;

margin-left:10px;

}

• 首页
• 第一
• 第二
• 第三
• 第四
• 关于我们

图片可重新排序

Second

Second Second Second Second Second Second Second Second Second Second Second

Third

Third Third Third Third Third Third Third Third Third Third Third Third Third

62616964757a686964616fe59b9ee7ad9431333337386665

First Second Third

First First First First First First First First First First First First First

Second Second Second Second Second Second Second Second Second Second Second

Third Third Third Third Third Third Third Third Third Third Third Third Third

• 菜单(可拖动)
• abcd
  • aaa
  • bbb
  • ccc
  • ddd
• efg
  • eee
  • fff
  • ggg