Установить id на на цикл ссылок с помощью таймера
Здравствуйте. у меня етьс блок, унтри него ссылки
<style> div#pages_block a{ color:#000; text-decoration:none; } div#pages_block a:hover{ color:#747474; text-decoration:underline; } div#pages_block a#cur_page{ color:#747474; text-decoration:underline; } </style> <div id="pages_block"> <a href="javscript:" class="sr">ssss</a> <a href="javscript:" class="sr">ssss</a> <a href="javscript:" class="sr">ssss</a> <a href="javscript:" class="sr">ssss</a> </div> нужно, чтобы с интревалом 3 секунды id прибавлялся к ссылке и удалялся у предыдущей! т.е <div id="pages_block"> <a href="javscript:" class="sr" id="cur_page">ssss</a> <a href="javscript:" class="sr">ssss</a> <a href="javscript:" class="sr">ssss</a> <a href="javscript:" class="sr">ssss</a> </div> потом <div id="pages_block"> <a href="javscript:" class="sr">ssss</a> <a href="javscript:" class="sr" id="cur_page">ssss</a> <a href="javscript:" class="sr">ssss</a> <a href="javscript:" class="sr">ssss</a> </div> ... делал так: var i=0; jQuery("#pages_block a.sr").everyTime(3000, function() { jQuery("#pages_block a.sr").removeAttr("id"); jQuery("#pages_block a.sr").eq(i).attr("id", "cur_page"); i++; }); |
var i = 0, e = $('#pages_block a.sr'); setInterval(function () { e[i].id = null, e[i + 1].id = 'cur_page', i++; }, 3000); |
такое логичнее делать: addClass/removeClass
А по коду - что не получается? Зациклить на начало? |
да, зациклить на начало
|
var c = jQuery('#pages_block a').size();
var i = 0, e = jQuery('#pages_block a'); setInterval(function () { e[i].id = null; e[i + 1].id = 'cur_page'; if (i<c) i++; else c=0; }, 3000); не работает почемуто |
var i=0; jQuery("#pages_block a.sr").everyTime(3000, function() { $who = jQuery("#pages_block a.sr"); $who.removeAttr("id"); $who.eq(i).attr("id", "cur_page"); i++; if (i == $who.length) i = 0; }); да, и возможно, лучше $who = $(this); - проверь как там в плагинах работает |
Часовой пояс GMT +3, время: 05:46. |