日期：2009-12-18 10:09:00 来源：本站整理
操纵jQuery实现页面渐显效果[网站编程]
本文“操纵jQuery实现页面渐显效果[网站编程]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
近来在看jQuery,就在实际项目里加了个小的利用,当时的设法就是点击一个链接跳转到另个页面时,页面是渐渐显示出来,也就是由透明到实体的一个历程!
说下思绪吧,在body里用一个div把全部的标签包含住,在此div后再定义一个div,背面这个div是用来实现渐显效果的.
以下所示:
<html>
<body>
<div id="bodyDiv">
<!--省略内部标签-->
</div>
<div id="hideDiv"></div>
</body>
</html>
我的设法是最后一个div定位在整个页面最上层,div的后台设为白色,也就完好覆盖了下面的div,当点击到该页面时,页面加载完时,上面这个div开始渐渐消逝,下面的div便实现了渐渐显现的效果.
贴出jQuery代码
<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/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“操纵jQuery实现页面渐显效果”更多相关内容
中查找“操纵jQuery实现页面渐显效果”更多相关内容评论内容只代表网友观点，与本站立场无关！
评论摘要(共 0 条，得分 0 分，平均 0 分)
查看完整评论