这篇博客展示了如何使用jQuery UI库来创建交互式的UI元素，包括可拖动的菜单、可调整大小的元素以及可排序的图片列表。通过示例代码，演示了如何实现菜单样式、元素拖动、放大/缩小及内容排序等功能。
下面是编程之家 jb51.cc 通过网络收集整理的代码片段。
编程之家小编现在分享给大家，也给大家做个参考。
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;
}
扫一扫
586
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
