爱学记
您现在的位置是：首页
>
虚拟存储器是利用什么实现的 利用jQuery实现页面渐显效果
利用jQuery实现页面渐显效果 最近在看jQuery 就在实际项目里加了个小的应用 当时的想法就是点击一个链接跳转到另个页面时 页面是逐渐显示出来 也就是由透明到实体的一个过程！ 说下思路吧
利用jQuery实现页面渐显效果
最近在看jQuery 就在实际项目里加了个小的应用 当时的想法就是点击一个链接跳转到另个页面时 页面是逐渐显示出来 也就是由透明到实体的一个过程！
说下思路吧 在body里用一个div把所有的标签包含住 在此div后再定义一个div 后面这个div是用来实现渐显效果的
如下所示
<>
<body>
<div id= bodyDiv >
<! 省略内部标签 >
</div>
<div id= hideDiv ></div>
</body>
</>
我的想法是最后一个div定位在整个页面最上层 div的背景设为白色 也就完全覆蓋了下面的div 当点击到该页面时 页面加载完时 上面这个div开始逐渐消失 下面的div便实现了逐渐显现的效果
贴出jQuery代码
<script>
$j(function() {
$j( #hideDiv ) css({ top: offset top left: offset left width: $j( #bodyDiv ) width() height: $j( form ) height() backgroundColor: White opacity: position: absolute })//给hideDiv添加样式
if (jQuery isReady)//这里是判断页面是否加载
{
$j( #hideDiv ) fadeOut( );//让div逐渐消失的方法
}
});
</script>
代码很简单吧！呵呵！wirte less do more！
lishixinzhi/Article/program/net/201311/11982 很赞哦！ (1077)
微信收款码
支付宝收款码