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

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


咨詢
建站咨詢
