|
|
|
|
|
|
Теги |
| |
codeserfercom, nbspnbsp, Private, Visual, Возможность, Пример, Рассмотрим, Сегодня, Теперь, будет, данных, значение, который, может, можно, написать, например, очень, переменной, переменных, пользователя, помощью, программа, программирования, программы, просто, работы, разработки, решил, сделать, скрипт, строки, строку, также, только, функции, число, этого, языка, языков
Показать все теги
|
|
|
| |
|
|
|
|
|
|
|
|
| |
Сегодня продолжаем наше знакомство с замечательной библиотекой jquery. Рассмотрим возможность изменять css стили объектов на HTML странице "на лету" Для образца возьмем div-объект: <div id = "box"></div> И применим для него css-стили: <style type="text/css">
#box {
background: #6699FF;
height: 100px;
width: 100px;
position: relative;
}
</style> В итоге синий квадрат 100 на 100. Подключаем библиотеку jquery: <script language="JavaScript" src="jquery-1.2.6.pack.js" /></script> И программная часть: <script type="text/javascript">
$(document).ready(function(){ //если DOM готов
$("#box").css("background-color", "black" ); //изменяем css обекта с id #box, меняем
//значение свойства background-color на black. В качестве параметра можно передать как
//цвет в английском формате, так и код цвета.
return false;
});
</script> |
|
| |
Что-то не получается? Не понятна какая-то часть кода? Напишите комментарий об этом и мы обязательно Вам все объясним!
Обязательно напишите отзыв о программе / учебнике. Для выражения благодарностей есть кнопка:
|
| |
| |
Просьбы перезалить в комментариях принимаются |
| |
|
|
| |
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. |
|
| |
Другие коды по теме: |
|
| |
Знакомство с jqueryПоказ и скрытие логин-панелиВыдвижная панель на jqueryМагические исчезновенияОпределяем расширение экрана с помощью WinAPI |
|
|
|
Написал: Codeserfer |
|
21 марта 2009 21:33 | ICQ: 100105500
|
|
| |
Группа: Администраторы
Регистрация: 1.08.2008 |
Необязательно использовать событие click() , или, как показано в примере выше вообще изменять css не по событию. Можно например изменить css объекта, если над ним проехалась мышь. Например так: $("p").mouseover(function () {
$(this).css("color","red");
}); |
|
|
|
| Публикаций: 131 | Комментариев: 108 |
|
|
© 2008 - 2010. Копирование материалов запрещено! |
|
|
