在幫客戶製作下滑式選單,有一個快速的方式就是使用已有的模組或函式來展現,
目前選擇用JQuery來做設計,是不錯的方式!

不過,在展現的時候發現滑鼠滑到選單時,slideDown及slidUp二者在IE下會出現抖動的狀態,
這個理由主要是因為滑動的過程中,會不小心觸發了不同的選單,
使得多個slideDown及slidUp都在運作,
這個問題在Firefox卻不會,
在網路找了一下相關資訊,發現有人已解決此問題!

是因為瀏覽器解析該頁面並沒有采用標準模式,而Jquery動畫必須是在標準模式之下,也就是strict mode。

如果不在HTML前制定DOCTYPE,那麽IE會使用怪癖模式,也就是Quirks Mode解析該頁面。從科學地角度講,我們還是應該制定為strict mode的。但是難保你當初為了省事而忘記寫了,結果項目越做越大了。

而你又恰恰使用了Jquery,你可以選在再把制定為strict mode的這行代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

加上去,Jquery動畫正常了,可許多頁面布局可能會亂掉,故建議先加上後再設計您的網頁。

來源出處: http://suyou.info/node/82
arrow
arrow
    全站熱搜

    NetPC虛擬主機 發表在 痞客邦 留言(0) 人氣()