Adobe Edge Animate –獲取鼠標位置及跟隨鼠標功能實現


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM