PP玩游戏盒,欧欧游戏盒子

首页|域名注册|虚拟主机|网站制作|网站案例|网站优化|网站推广|企业邮局|服务器租用|广告设计

英文域名中文域名通用网址域名证书域名价格总览域名申请常见问题

域名注册

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

虚拟主机

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

网站建设

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

企业邮局

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

网站优化

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

网站备案

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

服务器租用

服务器租用
服务器托管

其它服务

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

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

PP玩游戏盒,欧欧游戏盒子:浅析jQuery页面渐显效果的实现

作者：谭小姐文章来源：网站制作设计部点击数：1612 更新时间：2009-9-14
我们将讨论的是jQuery页面渐显效果的实现，将从代码的角度来进行讲解，希望能让大家了解jQuery页面渐显效果实现的具体步骤。
最近在看jQuery，就在实际项目里加了个小的应用，当时的想法就是点击一个链接跳转到另个页面时，页面是逐渐显示出来，也就是由透明到实体的一个过程！
说下思路吧，在body里用一个div把所有的标签包含�。诖薲iv后再定义一个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空间新浪微博腾讯微博人人网开心网百度搜藏腾讯微博网易微博

创新互联 | 网站建设 | 网站案例 | 域名注册 | 网站空间 | jsp虚拟主机 | 优化排名 | 服务器租用 | 云主机 | 网站营销推广 | 数据库知识 | 域名转入\转出

建站电话：028-86922220 13518219792 公司地址：成都市太升南路288号锦天国际A幢1002号
支持信箱：service@cdxwcx.com 版权所有：创新互联-成都网站设计蜀ICP备13010860号
创新互联成都专业网站域名主机：域名注册虚拟主机网站建设服务器租用营销推广网站开发程序网站前端开发企业邮箱网站备案

PP玩游戏盒在线平台入口（2026已更新）官方网站·IOS/安卓通用版/手机APP下载片仔癀药业股份有限公司

<tfoot id='qskr9P'></tfoot>

<legend id='cwxg5z'><style id='Pehob'><dir id='LRIGF'><q id='0lrdw'></q></dir></style></legend>

<i id='xaH0Ey'><tr id='NtGx'><dt id='g393D'><q id='N4kUoZ'><span id='cRLhc5'><b id='NbcO2'><form id='YG7ySE'><ins id='6YtuO'></ins><ul id='GjjB'></ul><sub id='M7Fa'></sub></form><legend id='Fswd2iF'></legend><bdo id='EsgIua'><pre id='y6n1o7'><center id='177N1'></center></pre></bdo></b><th id='7fzsB'></th></span></q></dt></tr></i><div id='PmI0v'><tfoot id='6hc6d'></tfoot><dl id='9KlwHT'><fieldset id='iUaQL'></fieldset></dl></div>

<li id='CoUErW'><abbr id='wZTGQ'></abbr></li>