X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
> jquery
www3_hb
www3_hb
Topic Starter сообщение 24.7.2010, 21:10; Ответить: www3_hb
Сообщение #1


У меня есть вопрос как сделать так чтоб при на веденние на текст сробатывал код jquery то есть например вот клик .click а мне нужен код наводки
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 24.7.2010, 21:11; Ответить: Letmetouchyou
Сообщение #2


.hover
.mouseover
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
www3_hb
www3_hb
Topic Starter сообщение 24.7.2010, 21:18; Ответить: www3_hb
Сообщение #3


CIIACI/IbO!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
www3_hb
www3_hb
Topic Starter сообщение 24.7.2010, 21:20; Ответить: www3_hb
Сообщение #4


А как узнать что мушка находится не нанем то есть .hover
.mouseover противоположные команды
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SOKOJI
SOKOJI
сообщение 24.7.2010, 21:40; Ответить: SOKOJI
Сообщение #5


http://api.jquery.com/category/events/ - все события jQuery с их подробным описанием.

Событие .hover() также есть.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 24.7.2010, 21:42; Ответить: Letmetouchyou
Сообщение #6


www3, .mouseout
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
www3_hb
www3_hb
Topic Starter сообщение 24.7.2010, 21:49; Ответить: www3_hb
Сообщение #7


Че то не получается
Я не давно начал изучать jquery
и вот код который написал
только не понимаю

<script type="text/javascript">
$(document).ready(function(){
$(".buttontext").mouseover(function(){
$("#panel").slideToggle("normal");
}).mouseout(function(){
$("#panel").slideToggle("fast");
});
});
</script>
<style type="text/css">
<!--
#container {
width: 152px;
margin: 0 auto;
}
#panel {
background: #1ca8f6;
height: 230px;
display: none;
}
.button {
background: url(button.gif) no-repeat;
width: 152px;
height: 40px;
border-top: #333 dotted 1px;
text-align: center;
padding: 7px 0 0;
}
.buttontext {
font-weight: bold;
font-size: 1.2em;
text-shadow: 1px 1px 1px #666;
}
--
>
</style>
<div id="container">
<div id="panel">
Полезное содержимое панели
</div>
<p class="button"><a href="#" class="buttontext">Потянуть слегка</a></p>
</div>

У меня там если событие .mouseout выполняется то он должен задвинуть блог а он его наоборот раздвигает если не поняли что я написал про сто код посмотрите все поймёте:rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SOKOJI
SOKOJI
сообщение 24.7.2010, 21:55; Ответить: SOKOJI
Сообщение #8


$(document).ready(function(){
    $(".buttontext").mouseover(function(){
        $("#panel").slideToggle("normal");
    });
    $(".buttontext").mouseout(function(){
        $("#panel").slideToggle("fast");
    });
});

Так попробуй.
Хотя, тебе лучше использовать методы slideUp и slideDown
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 24.7.2010, 21:57; Ответить: Letmetouchyou
Сообщение #9


www3, все правильно работает. навожу - разъезжаеться.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 24.7.2010, 21:59; Ответить: Letmetouchyou
Сообщение #10


SOKOJI, без толку, нету разицы писать инлайн, или делать из кода кучу вызово событий. Так же как и нету разницы между slideTogle или slideUp / slideDown/

В приведенном примере все работает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
3 страниц V   1 2 3 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1242 24.11.2023, 14:46
автор: alexey
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыВеб-разработка (HTML5, CSS3, JavaScript, jQuery, Ajax, PHP)
56 qpPeW 44908 19.7.2023, 10:03
автор: qpPeW
Открытая тема (нет новых ответов) 1C-Bitrix, JavaScript\jQuery, Верстка HTML5 CSS3
1 byteeightlab 1471 2.7.2019, 7:37
автор: ychervov
Открытая тема (нет новых ответов) Недорогие услуги - php/js/mysql/jquery/bootstrap
2 vlads 3820 25.12.2017, 21:18
автор: xetedata
Открытая тема (нет новых ответов) Frontend услуги (верстка, подключение jquery плагинов, кастомизация, написание скриптов)
услуги по frontend-разработке
15 FrontMaster 10053 25.11.2017, 13:46
автор: Stom


 



RSS Текстовая версия Сейчас: 20.4.2024, 2:33
Дизайн