jQuery Reverse Order plugin
- 授权协议: 未知
- 开发语言:
- 操作系统: 未知
- 软件首页: http://plugins.jquery.com/project/reverseorder
软件介绍
What is this?
jQuery Reverse Order uses jQuery to reverse the order of DOM elements on your page.
How Do I Use It?
To use jQuery Reverse Order on your site or blog, just follow these simple steps:
Download The Code
Click on the link below to download the source code:
The file, jquery_reverseorder.zip, contains the script, an example page, and the jQuery library. Once downloaded, unzip and upload the script to a relevant location on your hosted site.
Link To The Javascript
Add a link to the jQuery library and to the javascript file in the page(s) you'd like jQuery Reverse Order implemented. Remember to adjust the path to properly point to the location of the javascript file:
<script language="JavaScript" type="Text/JavaScript" src="/path/to/javascript/jquery-1.2.3.min.js"></script>
<script language="JavaScript" type="Text/JavaScript" src="/path/to/javascript/jquery_reverseorder.js"></script>
A packed version is also included in the .zip called "jquery_reverseorder.packed.js".
Choosing which elements to reverse
Create a collection of DOM elements inside a common parent. Here's an example:
<div id="items">
<p class="item">item 1</p>
<p class="item">item 2</p>
<p class="item">item 3</p>
<p class="item">item 4</p>
</div><!-- items -->
Then add a single line of javascript, referencing the items to be reversed, to reverse the order:
$('#items .item').reverseOrder();
You could also use:
$('#items p').reverseOrder();
Examples
Here's another example using the native unordered list as a collection:
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>Then add a single line of javascript to reverse the order:
$('ul li').reverseOrder();You can see more examples and uses of jQuery Reverse Order by clicking here.
Supported Browsers
Currently, the jQuery Reverse Order script has been tested and confirmed on the following browsers:
- Internet Explorer 6.0+
- Mozilla Firefox 2.0+
- Apple Safari 2.0+
- Opera Version 9.0
Licensing
This arc90 tool is licensed under the Creative Commons Attribution-Share Alike 3.0 license.
Discuss jQuery Reverse Order
You can send feedback on jQuery Reverse Order at the arc90 blog.
CSS3实用指南
吉伦瓦特 / 屈超、周志超 / 人民邮电出版社 / 2012-3 / 49.00元
CSS3为Web的视觉样式语言注入了强大的新功能，让设计人员更加轻松自如地设计优美而引人入胜的内容。借助CSS3，不使用图片就可以创建半透明背 景、渐变、阴影等夺人眼球的视觉效果；还可以使用漂亮、独特、非Web安全的字体显示文本；不用Flash就可以创建动画；不用JavaScript就可 以定制适应用户的设备和屏幕尺寸的设计。 本书通过一系列实用且新颖的范例，向读者展示如何实现以上功能和更多......一起来看看 《CSS3实用指南》 这本书的介绍吧!
