程序博客网 > 知豆山东生产基地

jquery动画-fadeIn()

来源：互联网发布：知豆山东生产基地编辑：程序博客网时间：2024/06/05 07:06

fadeIn()通过不透明的变化来实现所有匹配元素淡入的效果

fadeout()淡出

fadeTo()渐进

<style>
*{ margin:0; padding:0;}
body{font-size:15px;}
#container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;}
.head{ background:#999; padding:5px; cursor:pointer;}
.content{ text-indent:15px;}
</style>
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<script>
//fadeIn()淡入，fadeout()淡出
$(function(){
$("h5.head").toggle(function(){
  $("div.content").fadeOut(5000);
},function(){
     $("div.content").fadeIn("fast")
  });
})
</script>
</head>

<body>
<div id="container">
    <h5 class="head">什么是jQuery?</h5>
    <div class="content">
    JQuery是继prototype原型之后又一个javascript库，他凭借简单的代码和完善的浏览器兼容性，再加上强大的DOM操作，完善的事件处理机制，强大的ajax操作，加大的简化了javascript开发人员的工作。
    </div>
    </div>

知豆山东生产基地

知豆山东生产基地

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子济南同城肇庆同城网同城代送找同城女友邢台同城深圳同城青岛同城网银川同城 88同城网包头同城网昆明同城深圳同城网枣庄同城网洛阳同城杭州同城同城免费约同城众筹同城艺龙客服电话五八同城租房信息找房五八同城二手房同城发布信息同城配送用uu跑腿快五八同城出租房屋五百同城找工作下载五八同城同城约会是真的吗同城交友论坛同城旅游电话广州同城配送同城附近人交友昆明同城交友同城陌生交友单身同城交友同城速递多少钱寻找同城有缘人有没有同城交友网站免费同城网站同城交易平台同城女士征婚中山市同城网同城旅游网站