Adobe Edge Animate –獲取鼠標位置及跟隨鼠標功能實現
版權聲明:
本文版權屬於 北京聯友天下科技發展有限公司。
轉載的時候請注明版權和原文地址。
在網絡上瀏覽有關Edge相關問題的時候,看到有人提問如何實現獲得鼠標位置的功能,筆者經過一番嘗試,終於做出來了,與各位分享之。
效果圖:
一、獲得當前鼠標位置值的實現
新建一個工程,在stage中添加actions,在這里由於每次鼠標移動都要檢測,所以添加mousemove函數:
var tempX ;//用於存儲鼠標x軸方向的坐標值
var tempY ;//用於存儲鼠標y軸方向的坐標值
if(document.all)//如果瀏覽器是ie,執行以下代碼獲取坐標值
{
tempX = event.clientX + document.body.scrollLeft;
tempY = event.clientY + document.body.scrollTop;
}
else{
tempX = e.pageX;
tempY = e.pageY;
}
二、將獲取坐標值顯示出來
使用Text工具添加兩個文本,將獲取的坐標值顯示在文本上即可
同樣,在mousemove函數中添加代碼:
sym.$("Text").html("X: "+tempX);
sym.$("Text2").html("Y: "+tempY);
三、增加鼠標跟隨功能
在這里簡單實現了鼠標點跟隨功能,我們用橢圓工具,畫出一個圓圈,在濾鏡(filter)屬性中,將虛化(blur)值調高,使之看似一個發亮的圓點即可
接着在mousemove函數中添加跟隨的css代碼:
sym.$("Ellipse").css('left',tempX);
sym.$("Ellipse").css('top',tempY);
這樣,就實現了跟隨鼠標的效果。
原文地址:http://www.cnblogs.com/adobeedge/p/Adobe_Edge_GetMousePos.html