成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導(dǎo)航首頁 ? 技術(shù)教程 ? jQuery實(shí)現(xiàn)打開頁面漸現(xiàn)效果示例
全站頭部文字 我要出現(xiàn)在這里
jQuery實(shí)現(xiàn)打開頁面漸現(xiàn)效果示例 677 2024-02-23   

本文實(shí)例講述了jQuery實(shí)現(xiàn)打開頁面漸現(xiàn)效果的方法。分享給大家供大家參考,具體如下:

思路:把頁面中所有的標(biāo)簽放到一個(gè)div中,然后再在最后添加一個(gè)空div標(biāo)簽fadeDiv,用fadeDiv遮擋body使fadeDiv漸現(xiàn)

<head>
  <title></title>
  <script src="http://www.gimoo.net/t/1901/jquery-1.7.2.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function() {
      var p = $("body");
      var offset = p.offset();
      $("#fadeDiv").css({ top: offset.top, left: offset.left, width: $("#bodyDiv").width(), height: $("body").height(), backgroundColor: "white", opacity: 1, position: "absolute" });
      if (jQuery.isReady) {
        $("#fadeDiv").fadeOut(1000);
      }
    })
  </script>
  </head>
<body>
  <form id="form1">
  <div id="bodyDiv"></div>
  <div id="fadeDiv"></div>
  </form>
</body>
</html>

更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常用插件及用法總結(jié)》、《jQuery拖拽特效與技巧總結(jié)》、《jQuery表格(table)操作技巧匯總》、《jquery中Ajax用法總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動(dòng)畫與特效用法總結(jié)》及《jquery選擇器用法總結(jié)》

希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。



主站蜘蛛池模板: 黄婉伶| 伦理电影在线看| 《爱的温暖》电影在线观看| 成人免费视频视频| 丘淑贞| xiee| 一个国家的诞生| 高达w| 迷失之城剧情介绍| 木偶人| 中国人数| 免+费+成人黄+色+在线观看| 梁修身| 青春修炼手册歌词全部| 漂亮女孩 电视剧| 青山处处埋忠骨课文| 只要有你还珠格格| 庞勇| 亚洲理伦| 珊特尔·范圣滕| 杨门女将演员表| 第六套广播体操原版视频| 浙江卫视在几台| 美女写真116| 最新电影免费观看| 头文字d演员| 新红楼梦(香港)| 美女写真视频高清福利| 宋景诗| 北京卫视节目单全天| 闺蜜之夏 电影| 十三邀第八季在线观看| 维拉·法梅加| 李姝| 安装暖气片电话| 张国强个人简历| 李姝| 辰巳ゆい| 王牌替身免费观看全集| 女同恋性吃奶舌吻完整版| 荆棘花|

!!!站長長期在線接!!!

網(wǎng)站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103