新聞中心
我們將討論的是jQuery頁面漸顯效果的實(shí)現(xiàn),將從代碼的角度來進(jìn)行講解,希望能讓大家了解jQuery頁面漸顯效果實(shí)現(xiàn)的具體步驟。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)成都全網(wǎng)營銷推廣、網(wǎng)站重做改版、房山網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5網(wǎng)站設(shè)計(jì)、商城系統(tǒng)網(wǎng)站開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為房山等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。
最近在看jQuery,就在實(shí)際項(xiàng)目里加了個(gè)小的應(yīng)用,當(dāng)時(shí)的想法就是點(diǎn)擊一個(gè)鏈接跳轉(zhuǎn)到另個(gè)頁面時(shí),頁面是逐漸顯示出來,也就是由透明到實(shí)體的一個(gè)過程!
說下思路吧,在body里用一個(gè)div把所有的標(biāo)簽包含住,在此div后再定義一個(gè)div,后面這個(gè)div是用來實(shí)現(xiàn)jQuery頁面漸顯效果的。
如下所示:
id="bodyDiv"> id="hideDiv">
我的想法是最后一個(gè)div定位在整個(gè)頁面最上層,div的背景設(shè)為白色,也就完全覆蓋了下面的div,當(dāng)點(diǎn)擊到該頁面時(shí),頁面加載完時(shí),上面這個(gè)div開始逐漸消失,下面的div便實(shí)現(xiàn)了逐漸顯現(xiàn)的效果。
貼出jQuery代碼
Code
代碼很簡單吧!呵呵!wirte less do more!
本文來自心曠神怡的博客園文章《利用jQuery實(shí)現(xiàn)頁面漸顯效果》
【編輯推薦】
- jQuery調(diào)用WCF服務(wù)傳遞JSON對象
- 學(xué)習(xí)jQuery必須知道的幾種常用方法
- 用XML+XSLT+CSS+JQuery組建ASP.NET網(wǎng)站
- 使用jQuery和PHP構(gòu)建一個(gè)受Ajax驅(qū)動(dòng)的Web頁面
- jQuery調(diào)用WCF需要注意的一些問題
網(wǎng)站題目:淺析jQuery頁面漸顯效果的實(shí)現(xiàn)
URL分享:http://www.dlmjj.cn/article/djpdoij.html


咨詢
建站咨詢
