jQuery — это JavaScript-фреймворк, предлагающий мощные инструменты для работы с DOM, AJAX и многим другим. Анимация, "общение" с сервером при помощи AJAX, выборка элементов по имени тега, атрибуту, индексу — на чистом JavaScript это заняло бы не одну страницу кода, но при помощи jQuery это можно сделать одной строчкой кода. Слоган jQuery — "Пиши меньше, делай больше" — говорит сам за себя.
Кликни на эту надпись чтобы посмотреть пример
Установка:1. Вставляем в наш CSS вот этот стиль:
#panel1 {position:absolute;cursor:pointer;margin:0 150px;}
#panel1text {font-family: Tahoma;}
#panel2 {display: none;width: 100%;height: auto;background:#000000;border:1px solid #79a0c1;font-family: Tahoma;} |
<script type="text/javascript">
function ret(){
$('#panel2').fadeOut(); setTimeout("$('#panel1').fadeIn()", 500)
}
$('#panel1').click(function(){
$(this).fadeOut(), $('#panel2').slideToggle()
})
$('#panel2').prepend('<div style="background:79a0c1;width:100%;height:23px"><a href="javascript://" style="float:right;" onclick="ret()"><img src="http://asler.at.ua/prog-s/Close.png" border="0" /></a></div><br />');
</script> |
3. А вот собственно и сама панель,ставим где вам нужно
<div id="panel2">jQuery — это JavaScript-фреймворк, предлагающий мощные инструменты для работы с DOM, AJAX и многим другим. Анимация, "общение" с сервером при помощи AJAX, выборка элементов по имени тега, атрибуту, индексу — на чистом JavaScript это заняло бы не одну страницу кода, но при помощи jQuery это можно сделать одной строчкой кода. Слоган jQuery — "Пиши меньше, делай больше" — говорит сам за себя.<br />
</div>
<div id="panel1">
<center id="panel1text">Ваше название</center>
</div> |
| 
может уже используется подобный скрипт с которым этот конфликтует?
