常见的网页效果:
1.基本
show();
hide();
toggle();
就是前面的单击隐藏显示的实例
2.滑动
slideDown(); 内容向上滑动隐藏
slideUp();
slideToggle();
<body>
<h1>sheep</h1>
<img src="sheep.png" alt="" />
</body>
<script>
$('h1').click(function(){
$(this).next().slideToggle(); //以下二者的结合体,自动判断
$(this).next().slideUp(); //若出现,则向上滑动隐藏
$(this).next().slideDown(); //若隐藏,则向下滑动出现
})
</script>
3.淡入淡出
fadeIn();
fadeOut();
fadeToggle();
fadeTo(time1,time2); 用time1的时间消失/出现,程度到time2时就停止;改变透明度
<body>
<h1>sheep</h1>
<img src="sheep.png" alt="" />
</body>
<script>
$('h1').click(function(){
// $(this).next().fa