Ну как вариант...
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
</style>
<script type="text/javascript">
function Go(Obj) {
var o=Obj.parentNode
var oe=o.childNodes
var i
for (i=0; i<oe.length; i++) {
if (oe[i]==Obj) break
o.appendChild(oe[i])
}
}
</script>
</head>
<body>
<ul>
<li onclick='Go(this)'>Раздел 1</li>
<li onclick='Go(this)'>Раздел 2</li>
<li onclick='Go(this)'>Раздел 3</li>
</ul>
</body>
</html>
|
Вариант )))
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
</style>
<script type="text/javascript">
function Go(Obj) {
var o=Obj.parentNode
var oe=o.childNodes
if (Obj!=oe[0]) o.insertBefore(Obj,oe[0])
}
</script>
</head>
<body>
<ul id="ff">
<li onclick='Go(this)'>Раздел 1</li>
<li onclick='Go(this)'>Раздел 2</li>
<li onclick='Go(this)'>Раздел 3</li>
</ul>
</body>
</html>
|
рони, так лучше.
|
$("#menu").delegate("li", "click", fuction(){
if ( $(e.currentTarget).prev() ) {
$(e.currentTarget.parentNode).prepend($(e.currentTarget).remove());
}
})
'menu' - id верхнего уровня меню |
Спасибо всем большое!:)
|
офтопом: а анимация где? я так думал всё красиво будет, пункт так смещается на верхний слой и плывет и проч....
|
почему офтопом?:)
я специально выбрал форум jQuery, чтобы мне подсказали как на нем сделать, а мне на javascript'e написали:) но и на этом спасибо! |
Ну потому офтопом, что не в тему)) А анимация подразумевалась такая http://mootools.net/demos/?demo=Fx.Sort
|
неплохая анимация, как бы её ещё и прикрутить...
|
| Часовой пояс GMT +3, время: 16:12. |