域名注冊(cè)

中文域名
英文域名
通用網(wǎng)址
域名解析
域名轉(zhuǎn)入\轉(zhuǎn)出

虛擬主機(jī)

主機(jī)購(gòu)買
管理主機(jī)
FTP上傳
數(shù)據(jù)庫(kù)管理
主機(jī)續(xù)費(fèi)升級(jí)

網(wǎng)站建設(shè)

建站流程介紹
網(wǎng)站設(shè)計(jì)
網(wǎng)站改版
網(wǎng)站維護(hù)
網(wǎng)站推廣

企業(yè)郵局

郵箱使用
管理郵箱
郵箱續(xù)費(fèi)升級(jí)
全球郵局

網(wǎng)站優(yōu)化

seo優(yōu)化
seo技巧
收索引擎優(yōu)化
關(guān)鍵詞優(yōu)化

網(wǎng)站備案

備案流程指南
修改備案
備案資料下載
備案小技巧

服務(wù)器租用

服務(wù)器租用
服務(wù)器托管

其它服務(wù)

400電話
在線客服
財(cái)務(wù)常見(jiàn)問(wèn)題
會(huì)員常見(jiàn)問(wèn)題

您現(xiàn)在的位置：創(chuàng)新互聯(lián) >> 網(wǎng)站建設(shè) >> 網(wǎng)站建設(shè)常見(jiàn)問(wèn)題 >> 淺析jQuery頁(yè)面漸顯效果的實(shí)現(xiàn)

淺析jQuery頁(yè)面漸顯效果的實(shí)現(xiàn)

作者：譚小姐文章來(lái)源：網(wǎng)站制作設(shè)計(jì)部點(diǎn)擊數(shù)：1612 更新時(shí)間：2009-9-14
我們將討論的是jQuery頁(yè)面漸顯效果的實(shí)現(xiàn)，將從代碼的角度來(lái)進(jìn)行講解，希望能讓大家了解jQuery頁(yè)面漸顯效果實(shí)現(xiàn)的具體步驟。
最近在看jQuery，就在實(shí)際項(xiàng)目里加了個(gè)小的應(yīng)用，當(dāng)時(shí)的想法就是點(diǎn)擊一個(gè)鏈接跳轉(zhuǎn)到另個(gè)頁(yè)面時(shí)，頁(yè)面是逐漸顯示出來(lái)，也就是由透明到實(shí)體的一個(gè)過(guò)程！
說(shuō)下思路吧，在body里用一個(gè)div把所有的標(biāo)簽包含住，在此div后再定義一個(gè)div，后面這個(gè)div是用來(lái)實(shí)現(xiàn)jQuery頁(yè)面漸顯效果的。
如下所示：
<html>
<body>
<div id="bodyDiv">  </div>
<div id="hideDiv"></div>
</body>
</html>
我的想法是最后一個(gè)div定位在整個(gè)頁(yè)面最上層，div的背景設(shè)為白色，也就完全覆蓋了下面的div，當(dāng)點(diǎn)擊到該頁(yè)面時(shí)，頁(yè)面加載完時(shí)，上面這個(gè)div開(kāi)始逐漸消失，下面的div便實(shí)現(xiàn)了逐漸顯現(xiàn)的效果。
貼出jQuery代碼
Code
<script>
$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)//這里是判斷頁(yè)面是否加載
{
$j("#hideDiv").fadeOut(1000);//讓div逐漸消失的方法
}
});
</script>
上一篇文章：自己動(dòng)手開(kāi)發(fā)jQuery插件
下一篇文章：跟百度百科學(xué)建網(wǎng)站的最好結(jié)構(gòu)

分享到： QQ空間新浪微博騰訊微博人人網(wǎng) 開(kāi)心網(wǎng) 百度搜藏騰訊微博網(wǎng)易微博

国产又黄又粗又长又大的视频-色婷婷久久一区二区爽爽爽-欧美日本韩国国产在线观-尹人香蕉琪琪在现观看

域名注冊(cè)

虛擬主機(jī)

網(wǎng)站建設(shè)

企業(yè)郵局

網(wǎng)站優(yōu)化

網(wǎng)站備案

服務(wù)器租用

其它服務(wù)

淺析jQuery頁(yè)面漸顯效果的實(shí)現(xiàn)