域名注册

中文域名
英文域名
通用网址
域名解析
域名转入\转出

虚拟主机

主机购买
管理主机
FTP上传
数据库管理
主机续费升级

网站建设

建站流程介绍
网站设计
网站改版
网站维护
网站推广

企业邮局

邮箱使用
管理邮箱
邮箱续费升级
全球邮局

网站优化

seo优化
seo技巧
收索引擎优化
关键词优化

网站备案

备案流程指南
修改备案
备案资料下载
备案小技巧

服务器租用

服务器租用
服务器托管

其它服务

400电话
在线客服
财务常见问题
会员常见问题

您现在的位置：创新互联 >> 网站建设 >> 网站建设常见问题 >> 浅析jQuery页面渐显效果的实现

浅析jQuery页面渐显效果的实现

作者：谭小姐文章来源：网站制作设计部点击数：1612 更新时间：2009-9-14
我们将讨论的是jQuery页面渐显效果的实现，将从代码的角度来进行讲解，希望能让大家了解jQuery页面渐显效果实现的具体步骤。
最近在看jQuery，就在实际项目里加了个小的应用，当时的想法就是点击一个链接跳转到另个页面时，页面是逐渐显示出来，也就是由透明到实体的一个过程！
说下思路吧，在body里用一个div把所有的标签包含住，在此div后再定义一个div，后面这个div是用来实现jQuery页面渐显效果的。
如下所示：
<html>
<body>
<div id="bodyDiv">  </div>
<div id="hideDiv"></div>
</body>
</html>
我的想法是最后一个div定位在整个页面最上层，div的背景设为白色，也就完全覆盖了下面的div，当点击到该页面时，页面加载完时，上面这个div开始逐渐消失，下面的div便实现了逐渐显现的效果。
贴出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)//这里是判断页面是否加载
{
$j("#hideDiv").fadeOut(1000);//让div逐渐消失的方法
}
});
</script>
上一篇文章：自己动手开发jQuery插件
下一篇文章：跟百度百科学建网站的最好结构

分享到： QQ空间新浪微博腾讯微博人人网开心网百度搜藏腾讯微博网易微博