台灣最大程式設計社群網站
線上人數
1648
 
會員總數:246276
討論主題:189810
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> js onmouseout onmouseover換圖有點鈍
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
js onmouseout onmouseover換圖有點鈍
價值 : 15 QP  點閱數:2742 回應數:11
樓主

crr
門外漢
0 24
400 57
發送站內信


js 當滑鼠滑到圖片上時更換圖片2,離開時為圖片1:



但我發現網頁第一次載入時,滑鼠移到圖片1時並不會滿上換成圖片2,有點鈍,應該說還滿鈍的,我的意思是要停在圖片1上一段時間才會換成圖片2,請問大概是什麼原因?可以簡單的寫點什麼改善?
圖片1和圖片2都僅有只kb,應該不會是檔案太大的關係。
網頁是掛再免費伺服器,會否因為節約伺服器負擔做了些限制

搜尋相關Tags的文章: [ onmouseout ] , [ onmouseover ] , [ 慢 ] ,
本篇文章發表於2012-10-27 15:45
1樓
作者回應

crr
檢舉此回應
漏寫了點改一下:

本篇文章回覆於2012-10-27 15:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

那顆爛蔥
捐贈 VP 給 那顆爛蔥 檢舉此回應
照慣例,網址交出乃
本篇文章回覆於2012-10-28 12:56
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

crr
檢舉此回應
可以不交出網址嗎orz..。如果這樣不好回答的話沒關係。

我想邏輯應該是這樣的,載入網頁時,只會先載入圖1,滑鼠移動過去才會開始載路圖2,所以會頓一下。只有第一次移過去會鈍,下去就不會了。
本篇文章回覆於2012-10-28 17:26
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

那顆爛蔥
捐贈 VP 給 那顆爛蔥 檢舉此回應
因為是即時讀圖,所以才需要確認是不是主機問題

不然你自己弄個簡單html,在自己本機測試,圖片改用google上的圖片或是大型免費圖床的試一下,不就知道了?

本篇文章回覆於2012-10-29 10:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
最有價值解答

Pan01
檢舉此回應
這個 初次 會 鈍鈍 的 感覺 , 是避免不了的.

我不知道你的用途 為何 ?

但是 , 使用這兩個 技巧 "CSS Sprites" , "CSS 換圖 ZIndex" 之一 ,
應該就不會有 初次 會 鈍鈍 的 感覺.
本篇文章回覆於2012-10-29 10:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

crr
檢舉此回應
在本機(localhost)測試不管什麼都很快,瞬間就出來了。連伺服器端會比較慢。
自學,不好意思..,有些東西比較沒有概念,聽不是很懂。意思是如果用google圖片去跑,很慢,就代表是伺服器的問題?沒有的話就是程式碼的問題?


我剛試了一下,伺服器端跑起來很快(另外獨立一頁),所以我想應該是我原本整個頁面圖片不少,一次載入產生一些小BUG,時快時慢,裡面有些隨機變數在跑圖。
本篇文章回覆於2012-10-29 11:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

crr
檢舉此回應
回五樓,跟我回文同一時間,現在才看到,剛大概看了一下CSS Sprites,讓我研究一下..。


關於我的用途,只是單純的美化網頁。

但他應該只能跑固定的圖,隨機變數跑出的圖應該沒辦法orz..,不過這是另外的問題了。
本篇文章回覆於2012-10-30 16:08
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
作者回應

crr
檢舉此回應
補說明,是要作滑鼠移到按鈕會換按鈕圖片的功能。像換成一張叫深色背景,有下壓的感覺。
本篇文章回覆於2012-10-30 16:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
回應

Pan01
檢舉此回應
隨機變數跑出的圖


"CSS 換圖 zIndex" 這個 你沒去 查過嗎?

這應該是你唯一的解法了.
本篇文章回覆於2012-10-30 16:26
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
回應

那顆爛蔥
捐贈 VP 給 那顆爛蔥 檢舉此回應
圖都在同一個位置上
但是不同層(z-index)
所以圖片都已經讀完了,只是決定誰要在上面,被看得到而已
本篇文章回覆於2012-11-02 21:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
回應

那顆爛蔥
捐贈 VP 給 那顆爛蔥 檢舉此回應
但是隨機圖...
不知道是隨機在什麼時候 XD
本篇文章回覆於2012-11-02 21:46
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.