jQuery Reverse Order plugin

程序名称：jQuery Reverse Order plugin

授权协议: 未知

操作系统: 未知

开发语言:

jQuery Reverse Order plugin 介绍

jQuery Reverse Order uses jQuery to reverse the order of DOM elements on your
page.

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:

Download

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();

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.

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

This arc90 tool is licensed under the Creative Commons Attribution-Share
Alike 3.0 license.

You can send Feedback on jQuery Reverse Order at the arc90
blog.

jQuery Reverse Order plugin 官网

http://plugins.jquery.com/project/reverseorder