[問題] jquery的一個例子

看板Web_Design作者 (Nostalgie)時間14年前 (2011/12/07 17:05), 編輯推噓3(308)
留言11則, 6人參與, 最新討論串1/1
請問板上各位先進, 在下有個網頁想要有類似 http://jqueryfordesigners.com/coda-popup-bubbles/ 這樣的功能, 問題在於假設我有好幾個圖片, 希望可以讓使用者在把滑鼠移到圖片上時秀出各自的資訊, 但我實在是沒什麼javascript的經驗, 目前只能讓其中一個秀出資訊 關於這我查了一些相關的說明, 當中有提到用$("DOM").each(function(){ ... } 這樣的用法, 不過這個例子中, 他的寫法用到了兩個, 像這樣 var dom1 = $("DOM1", this); var dom2 = $("DOM2", this) $([dom1.get(0),dom2.get(0)]).mouseover(function(){....}); 的使用方式 小弟我就不知怎麼處理了~ 還請各位前輩開示 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 140.116.215.175

12/07 17:27, , 1F
你要做怎樣的呈現? 最簡單就直接在src裡面加alt
12/07 17:27, 1F

12/07 17:31, , 2F
他是把圖片跟訊息放在同一個 div , 然後用 onmove 事件
12/07 17:31, 2F

12/07 17:31, , 3F
修正:mouseover
12/07 17:31, 3F

12/07 17:32, , 4F
內容跟配置好像都是事先打好了,只是display設定none而已
12/07 17:32, 4F

12/07 17:32, , 5F
接著等事件觸發就show,移開就 hide
12/07 17:32, 5F

12/07 17:33, , 6F
另外 musie , 應該是 title 而非 alt..
12/07 17:33, 6F

12/07 17:47, , 7F
img是設 title沒錯
12/07 17:47, 7F

12/07 20:36, , 8F
alt會跳出說明是IE獨有的 說明:http://goo.gl/hSMtY
12/07 20:36, 8F

12/07 21:02, , 9F
恩,如果不想重頭做,找一下jquery tooltip的套件最快了
12/07 21:02, 9F

12/07 21:07, , 10F
二樓那樣最簡單最基本 只需要用到css即可
12/07 21:07, 10F

12/08 23:09, , 11F
感謝各位前輩的回覆, 總算搞懂這邊了 謝謝!
12/08 23:09, 11F
文章代碼(AID): #1EtonjkE (Web_Design)