ランダムで上下の文字列を入れ替えたい

質問

HTMLの中にJavaScriptを記述することで、以下の表示を実現させたいです。

例:
-----
１．<a href="http://yahoo.jp">ヤフー</a>←一つ目です。
２．<a href="http://google.jp">グーグル</a>←二つ目です。
-----

とタグありの記述があったとします。
これらを、ランダムで、
<a href=...~...</a>
の間のみを入れ替えるようにしたいのですが方法はありますか？
(つまり、「最初の番号X．」と後ろの「←Xつ目です。」は入れ替わりなし)

例のように１、２の二つだけでなく、それが３つ４つ・・と増えた場合でも
ランダムでそれらの順序が入れ替わる方法を教えて頂けますか。

また、JavaScriptが有効でないブラウザでみた場合には、
あらかじめ指定したHTMLが表示されるようにお願いします。
有効ならランダムになるが、無効なら「例」のままの表示になる・・
というような意味です。

以上どうかよろしくお願いいたします。

回答No.1

think49

シャッフルするコードは http://okwave.jp/qa/q5397165.html が参考になります。(Fisher-Yates が面白い)

お礼

皆様、ありがとうございました。

これ以上質問を掲載し続けても有効な回答が得られると判断できませんので、
いったん締め切らせて頂きます。

補足

ありがとうございます。

しかし、参考では分かりませんでした。
liタグですが、私のは前後の文字があるので、比較的複雑かと思います・・