พบกับบทความเกี่ยวกับคอมพิวเตอร์และ programming ได้ที่ http://articles.modoeye.com | บล็อกอาหาร
Javascript development / คำสั่ง OnmouseOver
program
program
Thu 1 Jan 1970 07:00:00
การใช้คำสั่ง OnmouseOver เวลาที่เอาเมาส์มาวางไว้บนรูปแล้วให้มันขึ้นข้อความทำได้แล้วโดยใช้  OnmouseOver กับ OnmouseOut แต่จะทำยังงัยให้เมื่อเลื่อนเมาส์อยู่ในบริเวณที่กำหนดข้อความก็เลื่อนตามไปด้วย
Administrator
Mon 6 Jun 2005 17:47:04
หมายถึงการที่ให้มี tooltip ขึ้นมาเมื่อเอาเมาส์วางใช่ไหมครับ แล้วถ้าเลื่อนเมาส์ตามก็ให้เลื่อนตามไปด้วย

การทำต้องใช้ Javascript เหมือนเดิมครับ แต่ต้องใส่ function ที่ตรวจจับการเคลื่อนที่ของ mouse ครับ เช่น

<script language="Javascript">
// เช็กการเคลื่อนที่ของเมาส์
document.onmousedown = moveToolTip;

if(document.layers){
    window.captureEvents(Event.MOUSEMOVE);
    window.onmousedown = moveToolTip;
}

function moveToolTip(e)
{
    var ie = document.all;
    var ns = document.layers;
    var x,y;

    if(ie){
       x = event.clientX;
       y = event.clientY;
    }else if(ns){
       x = e.pageX;
       y = e.pageY;
    }

    //ตอนนี้เราได้ตำแน่งของเมาส์แล้วครับ ในตัวแปร x,y
    moveWindow(x,y);
}

function moveWindow(x,y)
{
    document.all.tooltip.style.left = x;
    document.all.tootip.style.top = y;
}
</script>

โค๊ดประมาณนี้ครับ แต่ต้องนำไปประยุกต์ต่อเอานะครับ โดยอาจจะเพิ่ม setTimeout() เพื่อให้ tooltip หายไปเมื่อถึงเวลาณเวลาหนึ่ง
Reply
Name:
E-mail:
Home | Services | Forum | Classified | Directories | Support | Contact
ATOM feed RSS 0.9 feed RSS 1.0 feed RSS 2.0 feed
Copyright © 2005 - 2007 Modoeye.com, All Rights Reserved.
Disclaimer | Privacy policy | Term of Use | Term of Services
Valid XHTML Valid CSS! PHP: Hypertext Preprocessor MySQL database Apache Powered! FreeBSD Power to serve
Modoeye Sitemap Client login