
有个很简单的方法
首先载入jquery
<script src="之后把body加上style
<body style="display: none">
然后添加script事件
<script>
$(document).ready(function(){
$('body').show(10000) // 1000等于1秒
})
</script>
最近在看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$("#tab").tabs(".tabContent", {
tabs: "input"
})
试试把这上面的 tabs 功能定义为一个 function
例如
function tabs_run() {
....
}
然後在 click function 里面捕捉 event 完结时侯再次呼叫这个 tabs_run()
例如
$('#add').live('click', function() {
.....
tabs_run()
}
不过我疑惑了,你的 tabContent 没有设置 rel 或者 id… Tabs 是怎样侦测 index 的呢?
点击哪个 <li>会 load 哪个 tabContent 呢?
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)