10个JQUERY例子资源-CSDN文库

共39个文件

js：28个

html：10个

css：1个

demo

JQUERY

需积分: 10 51 浏览量 2008-07-08 15:57:22 上传评论收藏 189KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

jquery效果例子.rar （39个子文件）

拖动1

ui.draggable.js 6KB

drag.html 686B

ui.draggable.ext.js 9KB

ui.mouse.js 9KB

jquery.dimensions.js 3KB

jquery-latest.js 93KB

折叠效果

ui.accordion.js 6KB

Accordion.html 3KB

消息框

Dialog.html 1KB

Dialog

选择

ui.selectable.js 8KB

ui.draggable.js 6KB

ui.droppable.js 6KB

ui.mouse.js 9KB

select.html 892B

jquery.dimensions.js 3KB

jquery-latest.js 93KB

排序

sort.html 860B

ui.draggable.js 6KB

ui.droppable.js 6KB

ui.mouse.js 9KB

ui.sortable.js 8KB

jquery-latest.js 93KB

拖动2

ui.draggable.js 6KB

drag.html 1KB

ui.draggable.ext.js 9KB

ui.droppable.js 6KB

ui.mouse.js 9KB

jquery.dimensions.js 3KB

ui.droppable.ext.js 832B

jquery-latest.js 93KB

放大

Magnifier.html 1KB

表格排序

Tablesorter.html 2KB

调整

ui.resizable.js 13KB

resize.html 810B

ui.mouse.js 9KB

flora.all.css 267B

jquery.dimensions.js 3KB

jquery-latest.js 93KB

标签页

tab.html 2KB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <link rel="stylesheet" href="http://dev.jquery.com/view/trunk/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)"> <script type="text/javascript" src="http://dev.jquery.com/view/trunk/plugins/dimensions/jquery.dimensions.js"></script> <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/1.0.1a/ui.accordion.js"></script> <script> $(document).ready(function(){ $("#example").accordion(); }); </script> </head> <body> <ul id="example" class="ui-accordion-container" style="width: 200px;"> <li> <div class="ui-accordion-left"></div> <a href='#' class="ui-accordion-link"> Test 1 <div class="ui-accordion-right"></div> </a> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </li> <li> <div class="ui-accordion-left"></div> <a href='#' class="ui-accordion-link">Test 2<div class="ui-accordion-right"></div></a> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </li> <li> <div class="ui-accordion-left"></div> <a href='#' class="ui-accordion-link">Test 3<div class="ui-accordion-right"></div></a> <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. </div> </li> <li> <div class="ui-accordion-left"></div> <a href='#' class="ui-accordion-link">Test 4<div class="ui-accordion-right"></div></a> <div> 込込 </div> </li> </ul> </body> </html>

评论收藏

内容反馈