Свои картинки в панель пользовательских ссылок со сменой картинки по наведению курсора
В HTML низ
<script><!--Свои картинки в панель пользовательских ссылок со сменой картинки по наведению курсора -->
ulinks=new Array("Новые сообщения", // Новые сообщения
"Ссылка на картинку","Ссылка на картинку при наведении",
"Активные темы", // Активные темы
"Ссылка на картинку","Ссылка на картинку при наведении",
"Темы без ответов", // Темы без ответов
"Ссылка на картинку","Ссылка на картинку при наведении",
"Мои сообщения", // Мои сообщения
"Ссылка на картинку","Ссылка на картинку при наведении",
"Подписка", // Подписка
"Ссылка на картинку","Ссылка на картинку при наведении",
"Все прочитано", // Все прочитано
"Ссылка на картинку","Ссылка на картинку при наведении" // !ПОСЛЕДНИЙ элемент без запятой
)
var s0,s1,s2,s3,i; for (i=0; i < ulinks.length; i++){s0=ulinks[i+1];s1="onmouseover=\"this.src='"+ulinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="ulinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#pun-ulinks li").find("a:contains('"+ulinks[i]+"')").html("<span>"+s3+"</span>");i++;i++; }
</script><!-- End//Свои картинки пользовательских ссылок -->
!Eсли вы не хотите, чтобы окружающее изображение дергалось и смещалось до наведения и после: Оба изображения в паре(до наведения и после) должны иметь одинаковый внешний размер!
Теги: Новые Скрипты
Отредактировано Deff (2011-04-22 13:27:22)