親子觀星會

討論區 => 觀測分享 => 主題作者是: alget 於 2009-06-20 23:40:41



主題: 電腦技術問題 請問如何做到這種效果?
作者: alget2009-06-20 23:40:41
把mouse移到圖片之上, 就會出現星座連線.
http://astropix.com/HTML/WIDE/CONST02.HTM




我打算用這種技巧完成第二篇觀星遊記呢. :)


主題: 回覆: 電腦技術問題 請問如何做到這種效果?
作者: 阿炫2009-06-20 23:53:13
這要用javascript寫才行喔~
一般blog可能沒辦法讓你寫這些code

http://202.133.248.90/roger/Constellation/list.asp (http://202.133.248.90/roger/Constellation/list.asp)


主題: 回覆: 電腦技術問題 請問如何做到這種效果?
作者: 閉關中的新手2009-06-21 03:32:42
載入二張圖

預載是沒有連線的圖...
HTML裡記得有mousemove事件,
在事件裡寫入javascript code,
載入另一張圖.
mouse移出時,還原成原本的圖.
可以用一個boolean來控制.


主題: 回覆: 電腦技術問題 請問如何做到這種效果?
作者: 徐福聲2009-06-21 12:23:32
可是我覺得他像是先寫好名稱連好線(深藍色)
等滑鼠移到星座附近
字跟線條再變色


主題: 回覆: 電腦技術問題 請問如何做到這種效果?
作者: 閉關中的新手2009-06-21 16:28:50
炫哥,
    拍謝了...借你的Code用一下...

    onMouseOver="MM_swapImage('Images1','','andromeda-2.jpg',1)"><img name="Images1" border="0" width="1024" height="683" src="andromeda-1.jpg"

    onMouseOver<--事件
    'andromeda-1.jpg'<--原圖
    'andromeda-2.jpg'<--連線圖

     ;D


主題: 回覆: 電腦技術問題 請問如何做到這種效果?
作者: 阿炫2009-06-21 17:04:25
哈~~沒問題!!
請用力使用~~