專利名稱：在瀏覽器中網(wǎng)頁(yè)淡入淡出的實(shí)現(xiàn)方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種瀏覽器中網(wǎng)頁(yè)，尤其涉及在瀏覽器中網(wǎng)頁(yè)淡入淡出的實(shí)現(xiàn)方法。
背景技術(shù)：
現(xiàn)有技術(shù)中網(wǎng)頁(yè)的淡入淡出主要利用filter濾鏡及改變頁(yè)面元素的透明度實(shí)現(xiàn)
瞬間的變換效果，無(wú)法解決瀏覽器兼容問題和該效果的平滑顯示。 由于無(wú)法解決上述技術(shù)問題，未能實(shí)現(xiàn)瀏覽器中網(wǎng)頁(yè)的淡進(jìn)淡出效果。 網(wǎng)頁(yè)的淡入淡出，就是通過客戶控制或自定義方法實(shí)現(xiàn)頁(yè)面某一區(qū)域的隱現(xiàn)。 所謂淡進(jìn)淡出的效果是指在瀏覽器中網(wǎng)頁(yè)主要表現(xiàn)在通過對(duì)當(dāng)前激活網(wǎng)頁(yè)的
透明度的平滑式調(diào)節(jié)，達(dá)到當(dāng)前激活網(wǎng)頁(yè)相較其他非激活網(wǎng)頁(yè)，逐步地由100 %不透明到
100 %透明式隱藏的亮度變換。 上述情況造成的原因是由于在現(xiàn)有技術(shù)的瀏覽器中網(wǎng)頁(yè)中，未通過用戶操作計(jì)算 變換時(shí)間，達(dá)到更高的用戶體驗(yàn).

發(fā)明內(nèi)容
本發(fā)明需要解決的技術(shù)問題是提供了一種在瀏覽器中網(wǎng)頁(yè)淡入淡出的實(shí)現(xiàn)方法， 旨在解決上述的問題。 為了解決上述技術(shù)問題，本發(fā)明是通過以下步驟實(shí)現(xiàn)的 對(duì)需要實(shí)現(xiàn)該效果的頁(yè)面元素(HTML DOM)編碼并設(shè)置唯一標(biāo)示符，將需要實(shí)現(xiàn)的 區(qū)域統(tǒng)一編碼入一個(gè)DOM層中； 判斷終端用戶的瀏覽器類型，并響應(yīng)對(duì)應(yīng)的用戶鼠標(biāo)滑輪事件；所述的瀏覽器是 IE或者是Safari或者是Firefox或者是Opera或者是Chrome ;根據(jù)瀏覽器響應(yīng)的不同，獲 得響應(yīng)的瀏覽器類型后，對(duì)滑輪滾動(dòng)的事件進(jìn)行不同的編碼； 通過JavaScript和事件處理器(Event handler)對(duì)鼠標(biāo)滾輪做出反應(yīng)設(shè)置滾輪 的初試值變量(如delta)和事件變量(如event); 對(duì)滑輪滾動(dòng)的事件設(shè)定一個(gè)參數(shù)代表滑輪滾動(dòng)的距離(如上delta值，也可以叫 滑輪的角度)；根據(jù)滑輪滑動(dòng)距離計(jì)算出淡入淡出的程度； 根據(jù)需要達(dá)到的淡入淡出的程度計(jì)算出本控件需要變成的顏色(或透明度的 值)； 通過對(duì)滑輪滾動(dòng)事件的傳值和上層頁(yè)面元素的背景色，得到該控件需要變成的顏 色； 讓該頁(yè)面元素的背景顏色變成需要達(dá)到的顏色，或改變?cè)撛氐耐该鞫取?與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是，通過得到滾動(dòng)事件的得到傳值，可以達(dá)到
任意程度的隱現(xiàn)效果。


圖l是本發(fā)明的流程圖。
具體實(shí)施例方式
下面結(jié)合附圖與具體實(shí)施方式
對(duì)本發(fā)明作進(jìn)一步詳細(xì)描述
由圖1可見本發(fā)明是通過以下步驟實(shí)現(xiàn)的 對(duì)需要實(shí)現(xiàn)淡入淡出效果的頁(yè)面元素(HTML DOM)編碼并設(shè)置唯一標(biāo)示符，將需要 實(shí)現(xiàn)此效果的頁(yè)面區(qū)域統(tǒng)一編碼入一個(gè)DOM層中； 判斷終端用戶的瀏覽器類型，并響應(yīng)對(duì)應(yīng)的用戶鼠標(biāo)滑輪事件；所述的瀏覽器是 IE或者是Safari或者是Firefox或者是Opera或者是Chrome ;根據(jù)瀏覽器響應(yīng)的不同，獲 得響應(yīng)的瀏覽器類型后，對(duì)滑輪滾動(dòng)的事件進(jìn)行不同的編碼； 通過JavaScript和事件處理器(Event handler)對(duì)鼠標(biāo)滾輪做出反應(yīng)設(shè)置滾輪 的初試值變量(如delta)和事件變量(如event)，示例代碼如下 if (window. addEventListe證)〃 口向應(yīng)滑輪的事件 /氺mozi 1 la/chrome f文lj覽氺/ window. addEventListener('DO匪ouseScroll'， wheel, false); /氺IE/Opera/safari狡U覽器氺/ window, onmousewheel = document, onmousewheel = wheel ; function wheel (event) {〃對(duì)滾輪的處理函數(shù) var delta = 0 ; if ( ! event)/*IE瀏覽器.*/ event = window, event ; if (event. wheelDelta) (/氺IE或Opera.狡U覽器氺/ delta = event. wheelDelta/120 ; if (window, opera)/氺氺0pera 9氺/ delta = -delta ; }else if (event, detail) { delta = —event, detail/3 ;/氺Mozilla狡U覽器氺/ } /*如果delta變量不為0，即對(duì)滑輪事件進(jìn)行處理，delta大于0，為上滑事 件， 小于0為下滑事件 */ if (delta) handle (delta) ;/*調(diào)用函數(shù)進(jìn)行變化處理*/ } 對(duì)滑輪滾動(dòng)的事件設(shè)定一個(gè)參數(shù)代表滑輪滾動(dòng)的距離(如上delta值，也可以叫
滑輪的角度)； 根據(jù)滑輪滑動(dòng)距離計(jì)算出淡入淡出的程度； 根據(jù)需要達(dá)到的淡入淡出的程度計(jì)算出本控件需要變成的顏色(或透明度的
4值).通過對(duì)滑輪滾動(dòng)事件的傳值，和上層頁(yè)面元素的背景色，得到該控件需要變成的顏 色； 讓該頁(yè)面元素的背景顏色變成需要達(dá)到的顏色，或改變?cè)撛氐耐该鞫取?br> 權(quán)利要求
一種在瀏覽器中網(wǎng)頁(yè)淡入淡出的實(shí)現(xiàn)方法，是通過以下步驟實(shí)現(xiàn)的對(duì)需要實(shí)現(xiàn)該效果的頁(yè)面元素編碼并設(shè)置唯一標(biāo)示符，將需要實(shí)現(xiàn)的區(qū)域統(tǒng)一編碼入一個(gè)DOM層中；判斷終端用戶的瀏覽器類型，并響應(yīng)對(duì)應(yīng)的用戶鼠標(biāo)滑輪事件；所述的瀏覽器是IE或者是Safari或者是Firefox或者是Opera或者是Chrome；根據(jù)瀏覽器響應(yīng)的不同，獲得響應(yīng)的瀏覽器類型后，對(duì)滑輪滾動(dòng)的事件進(jìn)行不同的編碼；通過JavaScript和事件處理器對(duì)鼠標(biāo)滾輪做出反應(yīng)設(shè)置滾輪的初試值變量和事件變量；對(duì)滑輪滾動(dòng)的事件設(shè)定一個(gè)參數(shù)代表滑輪滾動(dòng)的距離；根據(jù)滑輪滑動(dòng)距離計(jì)算出淡入淡出的程度；根據(jù)需要達(dá)到的淡入淡出的程度計(jì)算出本控件需要變成的顏色或透明度的值；通過對(duì)滑輪滾動(dòng)事件的傳值和上層頁(yè)面元素的背景色，得到該控件需要變成的顏色；讓該頁(yè)面元素的背景顏色變成需要達(dá)到的顏色，或改變?cè)撛氐耐该鞫取?br> 全文摘要
本發(fā)明涉及一種在瀏覽器中網(wǎng)頁(yè)淡入淡出的實(shí)現(xiàn)方法，是通過以下步驟實(shí)現(xiàn)的對(duì)需要實(shí)現(xiàn)該效果的頁(yè)面元素編碼并設(shè)置唯一標(biāo)示符，將需要實(shí)現(xiàn)的區(qū)域統(tǒng)一編碼入一個(gè)DOM層中；判斷終端用戶的瀏覽器類型，并響應(yīng)對(duì)應(yīng)的用戶鼠標(biāo)滑輪事件；通過JavaScript和事件處理器對(duì)鼠標(biāo)滾輪做出反應(yīng)設(shè)置滾輪的初試值變量和事件變量；對(duì)滑輪滾動(dòng)的事件設(shè)定一個(gè)參數(shù)代表滑輪滾動(dòng)的距離；根據(jù)滑輪滑動(dòng)距離計(jì)算出淡入淡出的程度；根據(jù)需要達(dá)到的淡入淡出的程度計(jì)算出本控件需要變成的顏色或透明度的值；通過對(duì)滑輪滾動(dòng)事件的傳值和上層頁(yè)面元素的背景色，得到該控件需要變成的顏色；讓該頁(yè)面元素的背景顏色變成需要達(dá)到的顏色，或改變?cè)撛氐耐该鞫取?br> 文檔編號(hào)G06F17/30GK101794284SQ200910045730
公開日2010年8月4日 申請(qǐng)日期2009年2月3日 優(yōu)先權(quán)日2009年2月3日
發(fā)明者丁曉峰, 任義兵, 司強(qiáng), 吳會(huì)然, 張大鐘, 張維瀾, 王寧, 芮斌, 袁舜彥, 高祺 申請(qǐng)人:上海東方寬頻傳播有限公司