iT邦幫忙

0

javascript怎樣可以滑鼠觸控 ? 滑過去特效

  • 分享至 

  • xImage

<span style="color: navy;"> 觸控玩久了 都比較習慣要滑一下</span><span style="color: red;"> Javascript 怎樣可以用滑鼠
讓摸到的東西 丟出去就 滑來滑去呢?
跟觸控一樣的
</span>

<u>我找了一個 Throw的 有點類似的
http://gcyber.ezcom.cc/js/book.htm
拆成這樣
http://gcyber.ezcom.cc/js/book3.htm
只能用IE 跑<span style="color: brown;">
會變成黏滑鼠 而已 要用力甩才甩的掉
也不會滑</span></u>
<span style="color: red;">
還要怎麼改 才能變成 throw丟過去就會 滑走呢?</span><span style="color: maroon;">
另外 哪邊或哪裡找的到 軌跡函數 ?
就是各種運動路線跟速度的套件 jquery好像只友直線的
要寫成電玩那樣亂跑 有套件可以參考嗎?</span>
<span style="color: darkgreen;">
另外 滑鼠定位問題
a=obj.sytle.top, //物件 obj的位置
b=event.y, //滑鼠 的位置
c=a-"px"-b, 這樣求不出 兩個位差
要怎麼辦呢? 一個有 px 一個沒有 用減法減不掉px
</span>

ccutmis iT邦高手 2 級 ‧ 2013-02-04 11:01:45 檢舉

就是各種運動路線跟速度的套件 jquery好像只友直線的
要寫成電玩那樣亂跑 有套件可以參考嗎?


可參考Paper.js(它是HTML5.Canvas的framework)
Demo:
http://paperjs.org/examples/tadpoles/


另外 滑鼠定位問題
a=obj.sytle.top, //物件 obj的位置
b=event.y, //滑鼠 的位置
c=a-"px"-b, 這樣求不出 兩個位差
要怎麼辦呢? 一個有 px 一個沒有 用減法減不掉px


a是字串(例如: '58px'),而b是數值(例如:232),(c=a-"px"-b)你的邏輯是對的但語法錯誤,先把a裡面的字串'px'拿掉,再轉換成數值,然後才能跟b作減法運算,不過何必這麼複雜,用jQuery的話,試試以下方式:

var mouseX = 0;
var mouseY = 0;
$(document).mousemove( function(e) {mouseX = e.pageX; mouseY = e.pageY;});

ccutmis iT邦高手 2 級 ‧ 2013-02-04 11:05:18 檢舉
如果是物件本身x,y的話,可以用:
var position = $('#obj1').position();
alert('x:'+position.left+' y:'+position.top);
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

4
dpanaben
iT邦研究生 5 級 ‧ 2013-02-01 10:23:40

試試 jQuery

wordsmith iT邦高手 1 級 ‧ 2013-02-01 10:47:52 檢舉
gituest iT邦新手 5 級 ‧ 2013-02-04 14:11:37 檢舉

謝謝喔 這是給手機用的吧
改天拆它的程式
看軌跡是怎樣設的

我要發表回答

立即登入回答