GstarMax
-
Posts
21 -
Joined
-
Last visited
GstarMax's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо!!! та нет, это так пример
-
Здравствуйте Есть такой код: <div class="blok"> <div>Здесь текст</div> <div>Здесь текст</div> <div>Здесь текст</div> <div>Здесь текст</div> </div> Как на jquery посчитать количество div'ов в div class="blok"?
-
Спасибо, live("click", function(){}) помогло!!
-
Здравствуйте Сделал небольшой слайдер. Изначально кликая на миниатюры картинок, слайды переключаются. Но если пролистать полный круг и кликнуть на миниатюру, то слайды перестают переключаться, а происходит переход по ссылке. Как это можно исправить? В какую сторону смотреть? Сам слайдер залил на filestore.com.ua JQuery такой $(document).ready(function(){ var l; /* меняет слайды при клике на кружечки */ $("#nomer a").click(function(eventObject){ l=$(this).attr("href"); $(".active").removeClass(); $(this).attr("class","active"); $("#big").hide().attr("src",l).fadeIn(250); $(".bighref").attr("href", $(this).attr("rel")); eventObject.preventDefault(); }); /* меняет слайды при клике на миниатюры */ $(".a-carousel-image-link img").click(function(eventObject){ l=$(this).attr("src"); $(".active").removeClass(); $("#big").hide().attr("src",l).fadeIn(250); $(".bighref").attr("href", $(this).attr("rel")); eventObject.preventDefault(); return false; }); /* гортает миниатюры вверх */ $(".b-carousel-button-down").click(function(){ // при клике на правую кнопку запускаем следующую функцию: $(".h-carousel-items").animate({top: "-184px"}, 200); // производим анимацию: блок с набором картинок уедет влево на 222 пикселя (это ширина одного прокручиваемого элемента) за 200 милисекунд. setTimeout(function () { // устанавливаем задержку времени перед выполнением следующих функций. Задержка нужна, т.к. эти ффункции должны запуститься только после завершения анимации. $(".h-carousel-items .a-carousel-image-link").eq(0).clone().appendTo(".h-carousel-items"); // выбираем первый элемент, создаём его копию и помещаем в конец карусели $(".h-carousel-items .a-carousel-image-link").eq(0).remove(); // удаляем первый элемент карусели $(".h-carousel-items").css({"top":"0px"}); // возвращаем исходное смещение набора набора элементов карусели }, 300); }); /* гортает миниатюры вниз */ $(".b-carousel-button-up").click(function(eventObject){ // при клике на левую кнопку выполняем следующую функцию: $(".h-carousel-items .a-carousel-image-link").eq(-1).clone().prependTo(".h-carousel-items"); // выбираем последний элемент набора, создаём его копию и помещаем в начало набора $(".h-carousel-items").css({"top":"-184px"}); // устанавливаем смещение набора -222px $(".h-carousel-items").animate({top: "0px"}, 200); // за 200 милисекунд набор элементов плавно переместится в исходную нулевую точку $(".h-carousel-items .a-carousel-image-link").eq(-1).remove(); // выбираем последний элемент карусели и удаляем его }); });
-
как это, полезные вещи всегда надо!! страница не найдена, проверьте ссылку
-
Ну очень крутая штука. Много настроек. Скомбинировал то, что мне нужно!!!! Всем спасибо за подсказки!!!
-
Устроит
-
Всем привет Подскажите слайдер с постоянной прокруткой картинок. Они должны прокручиваться все время и с одинаковой скоростью. Я уже обыскался в гугле...
-
я присвоил .menu ul так как Вы сказали тоже работает.
-
Что-что? Видимо, что-то не то читали. убрал я px, только вот ничего не меняется, может кто-то попробует правильно поставить его... хух, сделал, нужно было в .menu ul поставить z-index:500; как обычно, на элементарном парюсь. Всем спасибо за ответы!!! /*** выпадающие пкнкты */ .menu ul { position:absolute; left:-9999px; list-style:none; z-index:500; }
-
читал я про него и ставил, не помогает.
-
Доброе время суток! Сделал выпадающее меню (html+css), но когда выпадает список, он прячется за фоновой картинкой контента. Как сделать что б меню было сверху? Все файлы залил на filestore index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Форсаж</title> <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen"> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> </head> <body> <div class="main-bg"> <div class="bg"> <header> <div class="main"> <div class="wrapper"> <h1><a href="index.html"></a></h1> </div> <nav> <ul class="menu"> <li><a class="active" href="index.html">Home</a></li> <li><a href="about.html">О сайте</a></li> <li> <a href="#">Форсаж</a> <ul> <li><a href="#">Форсаж 6</a></li> <li><a href="#">Форсаж 7</a></li> </ul> </li> <li><a href="repair.html">Repair</a></li> <li><a href="price.html">Price List</a></li> <li><a href="locations.html">Locations</a></li> </ul> </nav> </div><!-- main --> </header> <!--==============================content=================================--> <section id="content"> <div class="main"> <div class="conteiner"> <h2>Добро пожаловать!</h2> <p class="p1">Это сайт фаната серии фильмов "Форсаж". Мне очень нравятся эти фильмы, и я решил присвятить этой теме свой сайт. Если Вы с нетерпением ждете новых частей, то присоеденяйтес - вместе время пройдет быстрей!</p> <div class="line"></div> <p class="p1"> ldfkls lfk lsdfl dl kf sldfk flsdk fl<p> </div> </div> </section> <!--==============================footer=================================--> <footer> <div class="main"> Форсаж <span>©</span> 2013 <br> Сайт фаната серии "Форсаж" </div> </footer> </div><!-- bg --> </div><!-- main-bg --> </body> </html> style.css html {width:100%; height:100%;} body {font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#7f7f7f; min-width:960px; margin:0; padding:0; background-color:#000000;} .main-bg {width:100%; min-height:100%; background:url(../images/main-bg.jpg) center top repeat-y;} .bg {width:100%; min-height:100%; background:url(../images/bg.jpg) center top no-repeat;} .clear {clear:both;} .wrapper {width:100%; overflow:hidden;} .main {width:960px; margin:0 auto; padding:0; color:#666666;} h1 { float:left; padding:45px 20px 37px 26px; } h1 a { display:block; width:220px; height:50px; background:url(../images/logo.png) 0 0 no-repeat; } nav { height:52px; width:100%; background:url(../images/menu-bg.png) 0 0 no-repeat; margin-bottom:28px; z-index:500; } .menu {list-style:none;} .menu li { float:left; background:url(../images/menu-spacer.gif) left top no-repeat; position:relative; } .menu li:first-child {background:none;} .menu li a { display:inline-block; text-decoration:none; line-height:25px; padding:12px 28px 12px 29px; font-size:18px; color:#808080; } .menu li a.active, .menu li a:hover {color:#fff;} .menu li:first-child a.active, .menu li:first-child a:hover {background-position:center 15px;} /*** выпадающие пкнкты */ .menu ul { position:absolute; left:-9999px; list-style:none; } .menu ul li { } .menu ul a { white-space:nowrap; display:block; } .menu li:hover ul { left:0; } /***** content *****/ #content { margin:28px 0; width:100%; position:relative; /*z-index:1;*/ min-height:600px; } .conteiner { padding:20px 30px; border-radius:10px; background:url(../images/content-bg.jpg) top left repeat-y; line-height:24px; } h2 { font-size:28px; color:#ffffff; margin:10px 0; } .p1 {margin:10px 0} .line { height:1px; background:url(../images/line.png) left repeat-x; } footer { width:100%; text-align:center; padding-bottom:40px; } footer span {color:#FFF;} reset.css a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var{ background: transparent; border: 0 none; font-size: 100%; margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; } ol, ul { list-style: none; } blockquote, q { quotes: none; } table, table td { padding:0; border:none; border-collapse:collapse; } img { vertical-align:top; } embed { vertical-align:top; }
-
Спасибо!! так нормально!!!
-
Как сделать, что б он не передавался родителю?
-
p { margin: 0; padding: 0; } смысл его так использовать, если не будет отступов между абзацами? нужно сделать так, что б .content не двигался, а абзац опустился.
