鲨鱼网
浅析jQuery页面渐显效果的实现
创始人
2024-06-07 21:31:21
0次

我们将讨论的是jQuery页面渐显效果的实现，将从代码的角度来进行讲解，希望能让大家了解jQuery页面渐显效果实现的具体步骤。

最近在看jQuery，就在实际项目里加了个小的应用，当时的想法就是点击一个链接跳转到另个页面时，页面是逐渐显示出来，也就是由透明到实体的一个过程！

说下思路吧，在body里用一个div把所有的标签包含住，在此div后再定义一个div，后面这个div是用来实现jQuery页面渐显效果的。

如下所示：

  1.  
  2.  
  3.  id="bodyDiv"> 
  4.  
 
  •  id="hideDiv">
    •  
  •  
  •  

    • 我的想法是最后一个div定位在整个页面最上层，div的背景设为白色，也就完全覆盖了下面的div，当点击到该页面时，页面加载完时，上面这个div开始逐渐消失，下面的div便实现了逐渐显现的效果。

    贴出jQuery代码

    Code

    1.  

    代码很简单吧！呵呵！wirte less do more！

    本文来自心旷神怡的博客园文章《利用jQuery实现页面渐显效果》

    【编辑推荐】

    1. jQuery调用WCF服务传递JSON对象
    2. 学习jQuery必须知道的几种常用方法
    3. 用XML+XSLT+CSS+JQuery组建ASP.NET网站
    4. 使用jQuery和PHP构建一个受Ajax驱动的Web页面
    5. jQuery调用WCF需要注意的一些问题

    上一篇：浅谈Hibernate Configuration

    下一篇：报表参数的获取与配置详解

    相关内容

    热门资讯

    如何允许远程连接到MySQL数... [[277004]]【51CTO.com快译】默认情况下，MySQL服务器仅侦听来自localhos...
    如何利用交换机和端口设置来管理... 在网络管理中，总是有些人让管理员头疼。下面我们就将介绍一下一个网管员利用交换机以及端口设置等来进行D...
    施耐德电气数据中心整体解决方案... 近日，全球能效管理专家施耐德电气正式启动大型体验活动“能效中国行——2012卡车巡展”，作为该活动的...
    20个非常棒的扁平设计免费资源 Apple设备的平面图标PSD免费平板UI 平板UI套件24平图标Freen平板UI套件PSD径向平...
    2009 IBM动态架构新动力...
    通过 XML 进行内容发布
    德国电信门户网站可实时显示全球... 德国电信周三推出一个门户网站，直观地实时提供其安装在全球各地的传感器网络检测到的网络攻击状况。该网站...
    为啥国人偏爱 Mybatis，... 关于 SQL 和 ORM 的争论，永远都不会终止，我也一直在思考这个问题。昨天又跟群里的小伙伴进行...
    《非诚勿扰》红人闫凤娇被曝厕所... 【51CTO.com 综合消息360安全专家提醒说，“闫凤娇”、“非诚勿扰”已经被黑客盯上成为了“木...
    2012年第四季度互联网状况报... [[71653]]　　北京时间4月25日消息，据国外媒体报道，全球知名的云平台公司Akamai Te...