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

導(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ì)有所幫助。



主站蜘蛛池模板: 诺亚方舟电影免费完整版在线观看| 大红狗| cctv16体育节目表今天目表| 沙漠电影高清在线播放| 禁忌的爱在线| 纵横四海 电影| 张子枫电视剧电影大全| 伊人春色在线观看视频| 首映式| 少年包青天4第四部| 何时何地因何种原因受过何种奖励或处分| 王渝萱最火的三部电影| 张子贤演过的电视剧| 闪婚后傅先生马甲藏不住了免费播放 | 索尼克音爆| starstruck| 少女集中营阅读| 魔都精兵的奴隶第二季| 拔萝卜短剧| 骆文博| 杨硕| 徐贤电影| 长元音| 车震电影| 八年级英语阅读理解专项训练| 深夜在线观看视频| douying| 周末父母42集剧情介绍| 创业史全文免费阅读| 任喜宝| 花月佳期 电影| 河北美术学院教务系统| 蒙古小男孩唱哭全场| 刘浩存个人简历图片| 炊事班的故事演员表| 少年的奇幻漂流记| game newage| 刘浩存个人资料及简介| 西海情歌原歌词全文| 洛克线| 雪天使演员表介绍|

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

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

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

站長微信:lxwl520520

站長QQ:1737366103