jquery 加载动画效果怎么做

jquery 加载动画效果怎么做,第1张

有个很简单的方法

首先载入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 呢?


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11499641.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-16
下一篇2023-05-16

发表评论

登录后才能评论

评论列表(0条)

    保存