 Автор |
Сообщение |
Андрейhz
Форумчанин
 |
|
Здравствуйте! Помогите с менюшкой сайта, есть динамическое выпадающее меню, и проблема в том, что меню выпадает при наводке курсора мыши выше этого меню. Как это исправить?
| My Photoshop.rar |
| Описание: |
|
Скачать |
| Имя файла: |
My Photoshop.rar |
| Размер файла: |
39.73 KB |
| Скачано: |
307 раз(а) |
|
|
 |
|
 |
rihter
Продвинутый форумчанин
 |
|
Привет, в CSS в блоке "#menu li" убрать margin-top:-10000px;
в блоке "#menu li a" убрать margin-top:10000px;Последний раз редактировалось: rihter (Ср 11-05-11 : 22-20), всего редактировалось 1 раз |
|
| |
|
|
Iskander.nsk
Гуру
 |
|
| Я не спец, но посмотри фаербагом мозиловским. Я глянул -- по стилям кажет, что блок пункта меню начинается от верха страницы (а то и выше), может быть вот эти строки виноваты margin-top:-10000px; margin-top:10000px; |
|
| |
|
|
rihter
Продвинутый форумчанин
|
|
Еще кое-что подправил, мне кажется так лучше получилось, архив приложил
| My Photoshop2.rar |
| Описание: |
|
Скачать |
| Имя файла: |
My Photoshop2.rar |
| Размер файла: |
39.72 KB |
| Скачано: |
329 раз(а) |
|
|
| |
|
|
Андрейhz
Форумчанин
|
|
Спасибо rihter и Iskander.nsk, действительно они оба, а я их только по отдельности рассматривал, хы ламер блин  |
|
| |
|
|
Андрейhz
Форумчанин
|
|
Ещё вопрос возник с сайтом, вставить туда скрипт. Искал скрип для смены изображений, и нашел хороший ( http://wmdn.ru/javascript/smooth-changing-rotate-images-script-on-jquery/ ) , но возникли вопросы, вставить та понятно, но вот если открыть страницу, то они появятся только через несколько секунд, а до этого пусто, так как setInterval('rotate()',5000) , ну то-есть 5 секунд до их смены, а нельзя ли как нить по легче изменить, чтобы первая была сразу? или посоветуйте другие похожие варианты? (не сложные, простое но работоспособное)  |
|
| |
|
|
ДобрыйФей
Мечтатель
 Предупреждений : 5
|
|
| Если тебе надо одно изображение заменить на другое, то это две-три строчки. |
|
| |
|
|
Андрейhz
Форумчанин
|
|
| Мне, да от 5 до 10. А когда одно на другое это легко, соглашусь, там и париться та не чем. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Код: |
<html>
<head>
<title>Пример</title>
<script language="javascript" type="text/javascript">
$(document).ready(function ()
{
$('#swap').delay(5000).attr('scr','img2.jpg');
}
);
</script>
</head>
<body>
<img src="img.jpg" alt="То самое изображение" id="swap">
</body>
</html>
|
|
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Андрейhz писал(а): |
| Мне, да от 5 до 10. А когда одно на другое это легко, соглашусь, там и париться та не чем. |
Поподробнее распиши. |
|
| |
|
|
Андрейhz
Форумчанин
|
|
| ДобрыйФей, а что по подробнее та? |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
Андрейhz
Задачу, что. Надо же понимать, из чего исходить.
Навскидку я могу предложить генерить картинки с айдишниками типа: swap1, swap2 и так далее, а потом юзать вышеприведенный скрипт, но с циклом. К примеру. |
|
| |
|
|
Андрейhz
Форумчанин
|
|
| Да мне нужно что то не сложное, скоро сдавать курсовую, потому делаю по быстрому. Скриптец бы такой, чтобы просто картинки сменялись, с ссылками не обязательно, кнопки переключения тоже. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
Андрейhz
Так у тебя html студенческий, я правильно понимаю? Тогда юзай верхний скрипт, я расписал тебе.
Кол-во картинок - не проблема, вставь цикл. К примеру, у тебя несколько картинок - делай им айдишники и меняй циклом.
| Код: |
<html>
<head>
<title>Пример</title>
<script language="javascript" type="text/javascript">
$(document).ready(function ()
{
for(i=1;i<3;i++){
$('#swap'+i).delay(5000).attr('scr','img'+i+'.jpg');
}
}
);
</script>
</head>
<body>
<img src="img1.jpg" alt="То самое изображение" id="swap1">
<img src="img2.jpg" alt="То самое изображение" id="swap2">
</body>
</html> |
Для двух. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
А, кстати, я забыл добавить подгрузку jquery.js, но ты и сам можешь это сделать.
Алсо, могу и через чистый JS написать. |
|
| |
|
|
Андрейhz
Форумчанин
|
|
Ну со сменой изображений понятно. Вопрос по дифам, у меня диф с картинками перекрывает текст, как сделать нормально, мож с позишином поработать?
| My Photoshop.rar |
| Описание: |
|
Скачать |
| Имя файла: |
My Photoshop.rar |
| Размер файла: |
300.32 KB |
| Скачано: |
317 раз(а) |
|
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
Андрейhz
Сложности какие-то, во-первых. Я так понял, что у тебя список картинок есть, которые должны друг друга сменять. Так вот, создай массив тупо с именами в цикле и юзай.
| Код: |
<html>
<head>
<title>Пример</title>
<script type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript">
var cur = 0;
$(document).ready(function ()
{
var myImages = new Array();
for(i=0;i<n;i++)
{ myImages[i]='imgName'+i};}
setInterval('rotate()',5000);
}
function rotate()
{
cur++;
if (cur == n) {cur = 0};
$('#rotator').scr='imgName'+cur;
}
</script>
</head>
<body>
<img src="imgName0.jpg" alt="То самое изображение" id="rotator">
</body>
</html> |
И работать с этой картинкой можно, как с самой обычной.
Если же хочешь курить свой скрипт, то пробуй другие варианты position.
Думаю, проблема в этом:
| Код: |
div#rotator {position:relative; height:150px; margin-left: 15px;} |
Надо просто:
| Код: |
div#rotator {height:150px; margin-left: 15px;} |
|
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| Растворение, кстати, можно и к этому скрипту подкрутить. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
| ДобрыйФей писал(а): |
| Думаю, проблема в этом: |
Хотя хрен знает, у тебя со стилями что-то. |
|
| |
|
|
ДобрыйФей
Мечтатель
Предупреждений : 5
|
|
У тебя ротатор в двух местах определен.
Так вот, если position - relative или absolute, то его местоположение трактуется иначе, и он будет перекрывать текст. Давай div'у координаты, текст тоже сдвигай вниз - вот тебе решение. |
|
| |
|
|
|
