Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Перемещение слоя вместе с мышкой

Сообщения:  [1-2] 

 
 автор: Severniy   (11.02.2008 в 14:31)   письмо автору
 
   для: Severniy   (11.02.2008 в 11:29)
 

Вопрос закрыт... сам разобрался.

   
 
 автор: Severniy   (11.02.2008 в 11:29)   письмо автору
 
 


<img src="<?echo $img?>" border=0 width=52 height=42 onMouseOver="showVis('<?echo $img_div;?>'); return false;" onMouseOut="showHide()" ONMOUSEMOVE="mover()">



function showVis(img)
{
    var menu=document.getElementById("div_img");
    var x=event["clientX"];
    var y=event["clientY"];

    if(event.clientY+offsetY>document.body["clientHeight"]) {y-=offsetY}
    if(event.clientX+offsetX>document.body["clientWidth"]) {x-=offsetX}
    
    menu.style.left=x + document.body.scrollLeft;
    menu.style.top=y + document.body.scrollTop;

    document.getElementById("div_img").style.display = 'block';

    menu.style.width = 400;
    menu.style.height = 300;
    document.getElementById("model_img").src = img;
}
function showHide() {
    document.getElementById("div_img").style.width = 400;
    document.getElementById("div_img").style.height = 20;
    document.getElementById("div_img").style.display = 'none';
}
function mover() {
    var menu=document.getElementById("div_img");
    var x=event["clientX"];
    var y=event["clientY"];

    if(event.clientY+offsetY>document.body["clientHeight"]) {y-=offsetY}
    if(event.clientX+offsetX>document.body["clientWidth"]) {x-=offsetX}
    
    menu.style.left=x + document.body.scrollLeft;
    menu.style.top=y + document.body.scrollTop;
}


Вообще скрипт работает, слой появляется картинка загружается, исчезает, и перемещается вслед за курсором, но при быстром перемещении по картинке возникает эффект появления/пропадания слоя... то есть мигает он.. вот тут при наведении на изображения товаров:
http://www.atvcorp.ru/index.php?section=catalogue&id=1

что я забыл дописать?

   

Сообщения:  [1-2] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования