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



 

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

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

Открыть тему
Тема закрыта
> jQuery использует собственное оформление?
Webshooter
Webshooter
Topic Starter сообщение 15.9.2009, 22:01; Ответить: Webshooter
Сообщение #1


[img]http://itrash.ru/idb/e494c1798b552b29d5b12ea7db8f166d/t1.jpg[/img]

С помощью jQuery Easing v1.3 создал анимационное меню, двигащееся вправо при подводе мышки. Но по умолчанию этот скрипт имеет настройки оформления, а точнее margin, я уже все перелазил, не могу найти в этом скрипте ссылки на файл css. И в нете ничего про это не нашел.
Т.е. он то где-то хранит эти настройки и видимо в параметре menu_liste или menu1, но дримвейвер никак и нигде не отображает их, а в jquery.min.js и в jquery.easing.1.3.js тоже ничего такого нет, чтобы можно было изменить.

Простите, я могу вставлять сюда такой большой код? Если нет, я удалю. Просто не знаю как показать и нет на примете сайта чтобы выложить исходник :(

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8">

<TITLE>test</TITLE>

<script type="text/javascript" src="jquery/my/my_files/jquery.min.js"></SCRIPT>
<script src="jquery/my/my_files/jquery.easing.1.3.js" type="text/javascript"></SCRIPT>
<script type="text/javascript">

$(document).ready(function () {

/*Menu A*/
$(".menu .menu_liste li a").mouseover(function () {
$(this).stop().animate({ fontSize: "18px", paddingLeft: "0px" }, 100 );
});

$(".menu .menu_liste li a").mouseout(function () {
$(this).stop().animate({ fontSize: "18px", paddingLeft: "0px" }, 100 );
});

/*Menu B*/
$(".menu1 .menu1_liste li a").mouseover(function () {
$(this).stop().animate({ paddingLeft: "5px" }, 200 );
});

$(".menu1 .menu1_liste li a").mouseout(function () {
$(this).stop().animate({ paddingLeft: "0px" }, 200 );
});

/*Menu C*/
$(".sliding-element a").mouseover(function () {
$(this).stop().animate({ marginLeft: "0px" }, 400 );
});

$(".sliding-element a").mouseout(function () {
$(this).stop().animate({ margin: "0px" }, 400 );
});

/*Menu D*/
$(".menu2 .menu2_liste li a").mouseover(function () {
$(this).css("background-color","#FFFFFF");
$(this).stop().animate({ paddingLeft: "50px" }, 50 );
});

$(".menu2 .menu2_liste li a").mouseout(function () {
$(this).css("background-color","#ECEFF5");
$(this).stop().animate({ paddingLeft: "4px" }, 50 );
});


/*Menu E*/
$(".sliding-element1 a").mouseover(function(){
$(this).stop().animate({width:'250px'},{queue:false, duration:600, easing: 'easeOutBounce'});
});

$(".sliding-element1 a").mouseout(function(){
$(this).stop().animate({width:'148px'},{queue:false, duration:600, easing: 'easeOutBounce'});
});

/*Menu F*/
$(".sliding-element2 a").mouseover(function(){
$(this).stop().animate({height:'60px'},{queue:false, duration:600, easing: 'easeOutBounce'});
$("div",this).css("display", "block");
});

$(".sliding-element2 a").mouseout(function(){
$(this).stop().animate({height:'15px'},{queue:false, duration:600, easing: 'easeOutBounce'});
});

/*Menu G*/
$("#sliding-navigation3 ul li a").mouseover(function(){
$(this).stop().animate({paddingLeft: '20px'},50);
$(this).css({'background-color' : '#D96528'});
});

$("#sliding-navigation3 ul li a").mouseout(function(){
$(this).stop().animate({paddingLeft: '40px'},50);
$(this).css({'background-color' : '#45B4E0'});
});
});
</SCRIPT>

</HEAD>

<BODY>
<DIV class="menu1">
<UL class="menu1_liste">
<LI class="itext"><A href="#">Menu one</A></LI>
<LI class="itext"><A href="#">Menu two</A></LI>
<LI class="itext"><A href="#">Menu three</A></LI>
</UL>
</DIV>
</BODY></HTML>
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webshooter
Webshooter
Topic Starter сообщение 15.9.2009, 22:49; Ответить: Webshooter
Сообщение #2


Похоже надо создать в css параметр .menu1_liste и через него отключать margin:0;
Но на мой взгял это извращенство какое-то. Двойная работа.

Вдруг кто знаешь более адекватный способ? :rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 15.9.2009, 23:19; Ответить: Webmaster_hb
Сообщение #3


Webshooter, дайте ссылку на страницу в интернете и покажите наглядно какой маргин вам нужен

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Горячая тема (нет новых ответов) Вы тратите собственное время зря?
35 metvekot 2459 19.3.2024, 20:14
автор: MisterBit
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыКомплексное продвижение в соцсетях: аудит, оформление, ведение и настройка рекламных кампаний.
Качественно и по вкусным ценам.
91 WildWeb8 62572 17.1.2024, 13:04
автор: WildWeb8
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыПодбор ключей + LSI копирайтинг + Оформление и публикация | Классические копирайтинг и рерайт
Работаем с 2009 года. Гарантия качества.
29 Dr_Tapac 19250 2.12.2023, 22:33
автор: Dr_Tapac
Открытая тема (нет новых ответов) Работаю в PhotoShop - аватарки, логотипы, превью, шапки, оформление youtube, баннеры gif
16 Alifer 26389 29.11.2023, 20:15
автор: Alifer
Открытая тема (нет новых ответов) Услуги по созданию и доработке скриптов PHP, MySQL, JavaScript, jQuery
Разработка сайтов и сервисов под-ключ
0 alexey 1171 24.11.2023, 14:46
автор: alexey


 



RSS Текстовая версия Сейчас: 29.3.2024, 10:54
Дизайн