Jump to content

Kisa1993

User
 View Profile  See their activity

  • Posts

    52

  • Joined

  • Last visited

Kisa1993's Achievements

Explorer

Explorer (1/14)

-4

Reputation

  1. Kisa1993
    Нужно сделать эффект как тут https://prankota.com/ - наводим на круг он расширяется не вниз и вправо, а равномерно во все стороны. Уже есть: h2 { width: 100px; height: 100px; color: #000; font-size: 30px; margin-left: 35px; font-family: 'Open Sans Condensed', Arial; background-color: red; background-image: url(../img/708682.jpg); border-radius: 50%;}h2:hover { -webkit-transform: scale(1.0); width: 150px; height: 150px; transition: all 0.4s ease-in-out;}
  2. Kisa1993

    li

    Kisa1993 posted a question in HTML Coding

    Как сделать область под li ссылкой? Сам текст ссылка. Height 100px к примеру ставлю, при наведении в эту область курсор делается как pointer, а ссылка не работает. UPD Извините разобралась
  3. Kisa1993
    $(document).ready(function() { $('#editer').mousemove(function(e) { result = e.pageX; $(this).css({'background-position':'-20px' - result}); }); }); // Конец ready * { padding:0; margin:0; } #editer { width:100%; height:400px; background-image:url("wallpaper.jpg"); } В чем ошибка?
  4. Kisa1993
    Хочу реализовать движение картинки, управляя мышью, примерно как тут: http://www.strangebrain.ru/ => Галерея. (Двигаем мышью бэкграунд тоже двигается) Для теста решила попробовать вот такой вариант: index.htm <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <title>Cursor editer</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script src="jquery.js" type="text/javascript"></script> <script src="sc.js" type="text/javascript"></script> </head> <body> <div id="editer">"Runing Water"</div> </body> </html> style.css * { padding:0; margin:0; } #editer { width:500px; height:500px; background-color:red; } sc.js $(document).ready(function() { $('#editer').hover(function(e) { result = e.pageX; $(this).text(result); }); }); // Конец ready Проблема: Когда мы наводим курсор на блок editer он меняет текст на координаты по оси Х, но не меняет когда мы двигаем курсор внутри блока. Пробовала всю страницу забить 1px блоками - чушь, лагает. Если есть дайте готовое решение (или это только на flash?) Либо помогите чтобы курсор реагировал на каждый пиксель.
  5. Kisa1993
    Исправлю ка я свой пост пока в -100500 не ушла....
  6. Kisa1993

    DOCTYPE html 5

    Kisa1993 replied to Kisa1993's question in HTML Coding

    спасибо
  7. Kisa1993

    DOCTYPE html 5

    Kisa1993 posted a question in HTML Coding

    Вот и настало у меня время перейти на html5, первый вопрос который всегда мучил это DOCTYPE. Слышала что новые теги поддерживают не все браузеры, а новый DOCTYPE все? Можно ли всегда теперь делать такую запись: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> Вместо такой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>123</title> </head> <body> <p>123</p> </body> </html> И это будет везде корректно отображаться?
  8. Kisa1993
    Огромно спасибо, помогло. Разницы в конце или во всей строке нету.
  9. Kisa1993
    Очередная проблема: index.html <!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" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Курс по Javascript</title> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/myScripts.js" type="text/javascript"></script> </head> <body> <!-- Общий div для всей в --> <div class="maindiv" id="main_div"> <!-- Блок хедера (шапка сайта) --> <div id="forheader"> <img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" /> </div> <!-- Конец блока хедера --> <div id="forbody"> <h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1> <p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы различаются в разных странах.) </p> <!-- Блок с 4-мя изображениями --> <div id="div_for_img"> <img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" /> <img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" /> <img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" /> <img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" /> </div> <p><strong>На данный момент к прокату доступны следующие модели:</strong></p> <!-- Ненумерованный список --> <ol id="moto_models"> <li>Харлей Дэвидсон</li> <li>Кроссовый мотоцикл</li> <li>Гоночный мотоцикл</li> <li>Концептуальный мотоцикл</li> </ol> <h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3> <ul id="my_links"> <li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li> <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li> </ul> <h3>Рассчет стоимости проката мотоциклов:</h3> <!-- Форма --> <form action="form.php" id="my_form"> <div id="bigform"> <fieldset> <!-- Правый блок формы --> <div id="div_form_1"> <fieldset id="innerfieldset"> <legend>Дополнительные опции</legend> <p><strong>Нужны ли аксессуары?</strong></p> <div id="format"> <input type="checkbox" value="sh" name="dop_oprions" id="shlem" /> <label for="shlem">Шлем</label> <input type="checkbox" value="bag" name="dop_oprions" id="bag" /> <label for="bag">Багажник</label> <input type="checkbox" value="od" name="dop_oprions" id="od" /> <label for="od">Мото-одежда</label> </div> <p><strong>Нужна ли страховка?</strong></p> <div id="radio"> <input type="radio" id="inch_yes" value="yes" name="inch" /> <label for="inch">Да</label> <input type="radio" id="inch_no" value="no" name="inch" /> <label for="inch">Нет</label> </div> </fieldset> <input type="submit" value="Отправить заявку" id="my_button" /> </div> <!-- Левый блок формы --> <div id="div_form_2"> <span>Модель:</span> <select name="moto" size="1" id="motoSelect"> <option value="1">Харлей Дэвидсон (100$ в день)</option> <option value="2">Кроссовый мотоцикл (40$ в день)</option> <option value="3">Гоночный мотоцикл (150$ в день)</option> <option value="4">Концептуальный мотоцикл (340$ в день)</option> </select> <span>Дней:</span> <select name="days" size="1" id="daysSelect"> <option value="1">1</option> <option value="2">2</option> </select> <p><strong>Укажите Ваш email:</strong></p> <input type="text" id="email" value="Пример: you@site.ru" /> <p><strong>Ваши пожелания:</strong></p> <textarea cols="45" rows="2" id="mytextarea"></textarea> </div> </fieldset> </div> </form> <!-- Конец формы --> <!-- Таблица с мотоциклами на продажу --> <h3 id="sale">Мотоциклы на продажу (б/у):</h3> <table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable"> <thead> <tr> <th><strong>Модель</strong></th> <th><strong>Цена</strong></th> </tr> </thead> <tbody> <tr> <td>Харлей Дэвидсон</td> <td>25000</td> </tr> <tr> <td>Кроссовый мотоцикл</td> <td>10000</td> </tr> </tbody> </table> <div id="forresults"></div> </div> <!-- Блок футера --> <div id="forfooter"> <img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" /> </div> <!-- Конец футера --> </div> </body> </html> myScripts.js $(document).ready(function() { var myLink = $('a[href*=.PDF]'); myLink.hide().text("Это измененный текст ссылки.").show(2000); }); // Конец ready Ничего не происходит, хотя вот эта запись работает корректно: $(document).ready(function() { var myLink = $('a'); myLink.hide().text("Это измененный текст ссылки.").show(2000); }); // Конец ready В чем проблема? почему не находит вот эту строку? <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li>
  10. Kisa1993
    Спасибо, опечаталсь
  11. Kisa1993
    Исправила: index.html <!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" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Курс по Javascript</title> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> <script src="js/jquery.js" type="text/javascript"></script> <script src="js/myScripts.js" type="text/javascript"></script> </head> <body> <!-- Общий div для всей в --> <div class="maindiv" id="main_div"> <!-- Блок хедера (шапка сайта) --> <div id="forheader"> <img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" /> </div> <!-- Конец блока хедера --> <div id="forbody"> <h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1> <p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы различаются в разных странах.) </p> <!-- Блок с 4-мя изображениями --> <div id="div_for_img"> <img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" /> <img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" /> <img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" /> <img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" /> </div> <p><strong>На данный момент к прокату доступны следующие модели:</strong></p> <!-- Ненумерованный список --> <ol id="moto_models"> <li>Харлей Дэвидсон</li> <li>Кроссовый мотоцикл</li> <li>Гоночный мотоцикл</li> <li>Концептуальный мотоцикл</li> </ol> <h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3> <ul id="my_links"> <li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li> <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li> </ul> <h3>Рассчет стоимости проката мотоциклов:</h3> <!-- Форма --> <form action="form.php" id="my_form"> <div id="bigform"> <fieldset> <!-- Правый блок формы --> <div id="div_form_1"> <fieldset id="innerfieldset"> <legend>Дополнительные опции</legend> <p><strong>Нужны ли аксессуары?</strong></p> <div id="format"> <input type="checkbox" value="sh" name="dop_oprions" id="shlem" /> <label for="shlem">Шлем</label> <input type="checkbox" value="bag" name="dop_oprions" id="bag" /> <label for="bag">Багажник</label> <input type="checkbox" value="od" name="dop_oprions" id="od" /> <label for="od">Мото-одежда</label> </div> <p><strong>Нужна ли страховка?</strong></p> <div id="radio"> <input type="radio" id="inch_yes" value="yes" name="inch" /> <label for="inch">Да</label> <input type="radio" id="inch_no" value="no" name="inch" /> <label for="inch">Нет</label> </div> </fieldset> <input type="submit" value="Отправить заявку" id="my_button" /> </div> <!-- Левый блок формы --> <div id="div_form_2"> <span>Модель:</span> <select name="moto" size="1" id="motoSelect"> <option value="1">Харлей Дэвидсон (100$ в день)</option> <option value="2">Кроссовый мотоцикл (40$ в день)</option> <option value="3">Гоночный мотоцикл (150$ в день)</option> <option value="4">Концептуальный мотоцикл (340$ в день)</option> </select> <span>Дней:</span> <select name="days" size="1" id="daysSelect"> <option value="1">1</option> <option value="2">2</option> </select> <p><strong>Укажите Ваш email:</strong></p> <input type="text" id="email" value="Пример: you@site.ru" /> <p><strong>Ваши пожелания:</strong></p> <textarea cols="45" rows="2" id="mytextarea"></textarea> </div> </fieldset> </div> </form> <!-- Конец формы --> <!-- Таблица с мотоциклами на продажу --> <h3 id="sale">Мотоциклы на продажу (б/у):</h3> <table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable"> <thead> <tr> <th><strong>Модель</strong></th> <th><strong>Цена</strong></th> </tr> </thead> <tbody> <tr> <td>Харлей Дэвидсон</td> <td>25000</td> </tr> <tr> <td>Кроссовый мотоцикл</td> <td>10000</td> </tr> </tbody> </table> <div id="forresults"></div> </div> <!-- Блок футера --> <div id="forfooter"> <img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" /> </div> <!-- Конец футера --> </div> </body> </html> myScripts.js .$(document).ready(function() { var textH1 = $('#main_h1').text(); alert(textH1); }); // Конец ready Бесполезно
  12. Kisa1993
    я его подключила
  13. Kisa1993
    Столкнулась с проблемой index.html <!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" xml:lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <title>Курс по Javascript</title> <link href="css/mystyle.css" rel="stylesheet" type="text/css" /> <script src="js/myScripts.js" type="text/javascript"></script> <script src="js/jquery.js" type="text/javascript"></script> </head> <body> <!-- Общий div для всей в --> <div class="maindiv" id="main_div"> <!-- Блок хедера (шапка сайта) --> <div id="forheader"> <img src="images/logo.jpg" width="900" height="108" alt="Хедер" title="Шапка сайта" /> </div> <!-- Конец блока хедера --> <div id="forbody"> <h1 id="main_h1">Добро пожаловать на сайт компании MotoRent!</h1> <p><span class="pq">Мотоцикл — двухколёсное транспортное средство</span>, с коляской или без неё, имеющее максимальную массу не более 400 кг и/или двигатель с объёмом более 50 см? в случае двигателя внутреннего сгорания (и/или номинальную мощность более 4 кВт в случае электродвигателя. Впрочем, нормы различаются в разных странах.) </p> <!-- Блок с 4-мя изображениями --> <div id="div_for_img"> <img id="img_1" src="images/moto4.jpg" width="200" height="125" alt="Мотоцикл 1" /> <img id="img_2" src="images/moto2.jpg" width="200" height="125" alt="Мотоцикл 2" /> <img id="img_3" src="images/moto3.jpg" width="200" height="125" alt="Мотоцикл 3" /> <img id="img_4" src="images/moto1.jpg" width="200" height="125" alt="Мотоцикл 4" /> </div> <p><strong>На данный момент к прокату доступны следующие модели:</strong></p> <!-- Ненумерованный список --> <ol id="moto_models"> <li>Харлей Дэвидсон</li> <li>Кроссовый мотоцикл</li> <li>Гоночный мотоцикл</li> <li>Концептуальный мотоцикл</li> </ol> <h3 id="my_h3"><span class="pq">Ссылки на сайты производителей</span> и спецификации мотоциклов:</h3> <ul id="my_links"> <li><a href="http://www.yamaha-motor.ru" target="_blank" id="superlink">Yamaha Motors Russia</a></li> <li><a href="documents/yamaha_fz6.PDF">Спецификация на мотоцикл Yamaha FZ6</a></li> </ul> <h3>Рассчет стоимости проката мотоциклов:</h3> <!-- Форма --> <form action="form.php" id="my_form"> <div id="bigform"> <fieldset> <!-- Правый блок формы --> <div id="div_form_1"> <fieldset id="innerfieldset"> <legend>Дополнительные опции</legend> <p><strong>Нужны ли аксессуары?</strong></p> <div id="format"> <input type="checkbox" value="sh" name="dop_oprions" id="shlem" /> <label for="shlem">Шлем</label> <input type="checkbox" value="bag" name="dop_oprions" id="bag" /> <label for="bag">Багажник</label> <input type="checkbox" value="od" name="dop_oprions" id="od" /> <label for="od">Мото-одежда</label> </div> <p><strong>Нужна ли страховка?</strong></p> <div id="radio"> <input type="radio" id="inch_yes" value="yes" name="inch" /> <label for="inch">Да</label> <input type="radio" id="inch_no" value="no" name="inch" /> <label for="inch">Нет</label> </div> </fieldset> <input type="submit" value="Отправить заявку" id="my_button" /> </div> <!-- Левый блок формы --> <div id="div_form_2"> <span>Модель:</span> <select name="moto" size="1" id="motoSelect"> <option value="1">Харлей Дэвидсон (100$ в день)</option> <option value="2">Кроссовый мотоцикл (40$ в день)</option> <option value="3">Гоночный мотоцикл (150$ в день)</option> <option value="4">Концептуальный мотоцикл (340$ в день)</option> </select> <span>Дней:</span> <select name="days" size="1" id="daysSelect"> <option value="1">1</option> <option value="2">2</option> </select> <p><strong>Укажите Ваш email:</strong></p> <input type="text" id="email" value="Пример: you@site.ru" /> <p><strong>Ваши пожелания:</strong></p> <textarea cols="45" rows="2" id="mytextarea"></textarea> </div> </fieldset> </div> </form> <!-- Конец формы --> <!-- Таблица с мотоциклами на продажу --> <h3 id="sale">Мотоциклы на продажу (б/у):</h3> <table width="550" id="moto_table" title="Таблица цен на мотоциклы" class="mototable"> <thead> <tr> <th><strong>Модель</strong></th> <th><strong>Цена</strong></th> </tr> </thead> <tbody> <tr> <td>Харлей Дэвидсон</td> <td>25000</td> </tr> <tr> <td>Кроссовый мотоцикл</td> <td>10000</td> </tr> </tbody> </table> <div id="forresults"></div> </div> <!-- Блок футера --> <div id="forfooter"> <img src="images/footer.jpg" width="900" height="67" alt="Футер" title="Производители" /> </div> <!-- Конец футера --> </div> </body> </html> myScripts.js .$(document).ready(function() { var textH1 = $('#main_h1').text("Текст измененный с помощью jQuery"); $('img [width = 200]');.hide(3000); }); // Конец ready Почему скрипт, который должен включаться только в том случае если страница полностью погружена не работает? и текст заголовка тоже не меняется. jQuery этот
  14. Kisa1993
    Спасибо, получилось.
  15. Kisa1993
    Как сделать так, чтобы при существовании определенной куки шла переадресация на другую страницу?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept