Slashka
Newbie-
Posts
28 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Slashka
-
а при чем тут мой сайт, интересно?
-
Не знала куда написать, модераторы, если что, перенесите! Делаю сайт, все замечательно, все работает во всех браузерах. Запустила его в Google Chrome, он пишет: Внимание! Посещение этого сайта может нанести вред вашему компьютеру. Веб-сайт по адресу www.reaconverter.ru содержит элементы сайта google-analize.com, где, вероятно, размещено вредоносное ПО – программа, которая может нанести вред вашему компьютеру или выполять действия без вашего согласия. Ваш компьютер может быть заражен просто при посещении сайта, на котором размещена вредоносная программа. Что за фигня?? Ничего такого у меня нет. Какие могут быть элементы принятые за вредоносные??? Помогите, пожалуйста!
-
Kак кэшировать рисунки через JS? Я написала такую функцию: function imgc(url){ var a = new Image; a.src = url; return a } imgc('pic.gif'); вычитала в старой-старой книжке... Может сейчас по-другому делается?
-
а var step3 нужно прописывать? или он и так понимает, что это такое?
-
т.е типа: funk2(step3){ step=step3; elem.style.marginTop = elem.offsetTop + step + 'px'; //неважно } ??????
-
Запуталась с функциями в Java Script... Если я пишу так: var pace = 18; var step; var step1; function funk1() { step1 = pace; funk2(); } function funk2() { step = step1; elem.style.marginTop = elem.offsetTop + step + 'px'; //неважно } то все замечательно. а если так: var pace = 18; var step; var step1; function funk1() { step1 = pace; funk2(step1); } function funk2(step) { elem.style.marginTop = elem.offsetTop + step + 'px'; //неважно } то не работает... В чем проблема? Что я делаю не так?
-
В общем вот, что у меня получилось: <!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=windows-1251"> <title>Меню</title> <style> * { margin: 0px; padding: 0px; } body a{ cursor: pointer;} #menu1 { position:relative; background: #FF9966; width: 299px; line-height: 30px; padding: 0px 10px; z-index:400; } .logo{ position:absolute; top:81px; width:299px; background-color:#FF99FF; text-align:center; padding:10px; left:0px; z-index:500;} .logo2{position: relative; width:299px; top:10px; background-color: #99FF99; text-align:center; padding:10px 96px; z-index:400;} .box{ float:left; width:340px; z-index:50;} .col{ position: absolute; width:340px; height:61px; background-color:#FFFFFF; font-size:24px; padding-top:20px; left:0px; z-index:500;} #menu2 { position: absolute; top:0px; background: #CCCCFF; width: 299px; line-height: 30px; padding: 39px 10px 0px 10px; z-index:300; left:0px; } </style> <script> var v=-1; var pace = 15; var step; var pause = 5; var vozr = -1; var pace2 = 15; var step2; var vozr2 = -1; function getmenuname() { step = pace; vozr = -vozr; step2 = pace2; vozr2=vozr; movemenu(); movemenu2(); } function getmenuname2() { step2 = pace2; vozr2 = -vozr2; v=-v; movemenu2(); } function movemenu() { if (step>=0) { var elem = document.getElementById('menu1'); elem.style.marginTop = elem.offsetTop + step*vozr + 'px'; step--; var movetimer=setTimeout("movemenu()",pause) } else { clearTimeout(movetimer); vozr2=v; } } function movemenu2() { if (step2>=0) { var elem = document.getElementById('menu2'); elem.style.marginTop = elem.offsetTop + step2*vozr2 + 'px'; step2--; var movetimer=setTimeout("movemenu2()",pause) } else{ clearTimeout(movetimer); } } </script> </head> <body> <a href="#" onclick="getmenuname()"> <b class="logo"> нажми </b> </a> <b class="col"> Выплывающее меню. </b> <div class="box"> <div id="menu1"> <a href="#">ссылка1</a> <p> <a href="#">ссылка2</a> <p> <a href="#">ссылка3</a> <p> <a href="#" onclick="getmenuname()">нажми чтоб закрыть</a> </div> <a href="#" onclick="getmenuname2()"> <b class="logo2"> И еще раз нажми </b> </a> <div id="menu2"> <a href="#">ссылка1</a> <p> <a href="#">ссылка2</a> <p> <a href="#">ссылка3</a> <p> <a href="#" onclick="getmenuname2()">нажми чтоб закрыть</a> </div> </div> </body> </html> Еще раз спасибо ZoNT'у за помощь!
-
ZoNT! Спасибо Вам огромное, Вы мне очень помогли! Я только изучаю JavaScript, и еще путаюсь... Спасибо!
-
что-то я уже запуталась, у меня он себя по-другому ведет...покажите, пожалуйста, куда вставить, например текст "длрдлрорилои", чтобы блок его сдвигал вниз... или можно стиль прописать вообще без позиционирования, через float, и так же менять маргин?
-
спасибо! Но блок же все-равно позиционирован.... Мне надо, чтобы позиционирования не было вообще. Т.е. если под блоком что-нибудь написать, или еще добавить блоки, то вся конструкция опускалась бы вниз без перекрывания...
-
посмотрите, пожалуйста! http://forum.htmlbook.ru/index.php?showtopic=9081
-
все равно не работает... вот мой код целиком: <!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=windows-1251"> <title>Выдвигающееся меню</title> <style> #menu1 { position:absolute; background-color:#FFCCCC; width:200px; padding:10px;} <!--здесь убираю position--> </style> <script> var pace=14 var step var pause=5 var vozr=-1 function getmenuname() { step=pace checkdirection() movemenu() } function checkdirection() { vozr=vozr*-1 } function movemenu() { if (step>=0) { document.all.menu1.style.posTop+=step*vozr; <!--здесь вставляю document.all.menu1.style.marginTop = parseInt(document.all.menu1.style.marginTop)+step;--> step-- var movetimer=setTimeout("movemenu()",pause) } else { clearTimeout(movetimer) } } </script> </head> <body> <div id="menu1"> <b onclick="getmenuname()">нажми</b> </div> </body> </html>
-
а как тогда сделать?.... как из строки извлечь значение?
-
а просто top у меня почему-то не работает... posTop-это не переменная...
-
есть блок, который должен выезжать вниз. была задана функция function movemenu() { if (step>=0) { document.all.menu1.style.posTop+=step step-- var movetimer=setTimeout("movemenu()",pause) } else { clearTimeout(movetimer) } } var step=20 var pause=5 menu1 абсолютно позиционированно, все замечательно работает... Когда убраю позиционирование и заменяю posTop на marginTop: function movemenu() { if (step>=0) { document.all.menu1.style.marginTop+=step step-- var movetimer=setTimeout("movemenu()",pause) } else { clearTimeout(movetimer) } } var step=20 var pause=5 блок смещается, но резко, т.е. не выплывает, почему-то не работает пауза. Как это исправить?
-
у меня вся суть в том, что принаведении мыши, display: block меняется на display: none неужели нет такого скрипты, который это будет делать постепенно...
-
Я сделала выпадающее меню (html+css), немного неровно, но это неважно. В общем, можно ли немного изменить мой код (напр. добавить скрипты), чтобы меню появлялось не сразу, а постепенно, как бы выплывало? 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="menu_up"> <div class="menu_links1"> <b><a href="#">О компании</a> <ul> <li><a href="">О компании1</a> </li> <li><a href="#">О компании2</a> </li> <li><a href="#">О компании3</a></li> </ul> </b> </div> </div> </body> </html> css: .menu_links1{ float:left; padding:27px 0px;} .menu_links1 a{ text-decoration:none;} .menu_links1 b ul{ position:absolute; display:none; border:1px solid black; font-size: 12px; line-height: 18px; z-index: 100; background-color: #CCFFFF; width: 150px; list-style: none; top:42px; } .menu_links1 b ul a{ width: 100%; display: block; text-indent: 3px; border-bottom: 1px solid black; padding: 1px 0; text-decoration: none; font-weight: bold; text-indent: 5px; } .menu_links1 b ul a:hover{ background-color: #6699FF; color: #FFFFFF; } .menu_links1 b:hover ul{ display:block;}
-
Нашла похожие сообщения, но так и не поняла как это сделать. Напишите, пожалуйста, конкретно, что и где прописать, чтобы заставить такое: "произвольный_тег" :hover{} работать в IE6!!!
-
И еще вопрос: Я использовала HOVER на блоке, т.е. при наведении мыши на него, меняется цвет. Когда мышь отвожу, цвет меняется на исходный. Как сделать, чтобы он обратно не менялся?! Если просто при наведении так нельзя, то как сделать, чтобы после КЛИКА на блок цвет обратно не менялся? Задано было так: .col4 div:hover ul{ #6699FF}
-
Доброе время суток! Подскажите, пожалуйста, новичку, а то уже намучалась вся.. Хочу сделать 2 блока так, чтобы при наведении мыши на блок?1 менялся его цвет (всего блока, а не только текста, как у меня получается) и одновременно блока?2. 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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link href="style_of_page_menu.css" rel="stylesheet" type="text/css" /> <title>Page2</title> </head> <body> <div class="col1"> <b>Заголовок ?1</b> </div> <div class="col2"> <b>Заголовок ?2</b> </div> </body> </html> css: .col1, .col2 { float:left; width:160px; height:40px; padding:5px 10px; border:solid 1px; } .col1 b:hover {text-decoration: none; background-color: #FFCCFF;} .col2 b:hover {text-decoration: none; background-color: #99CCFF;} Может можно сделать какую-нибудь конструкцию типа: .col1 b:hover{background-color: #FFCCFF; .col2 {background-color: #99CCFF;}} ???
-
не нравится тем, что я его не знаю, я пока только CSS учу... хотелось бы с помощью него хоть что-нибудь подобное сделать..(только меню)
-
что именно нельзя? изменение блоков при НАВЕДЕНИИ мыши? А если то же самое но КЛИКАЯ на заголовки? Как тогда? Придется делать отдельные страницы на каждый пункт меню?