www.hj8828.comjQuery使用fadein方法实现渐出效果实例_jquery_脚本之家

本文实例讲述了jQuery使用fadein方法实现渐出效果的方法。分享给大家供大家参考。具体分析如下:

jQuery使用fadein方法实现渐出效果实例

 这篇文章主要介绍了jQuery使用fadein方法实现渐出效果的方法,以一个简单实例形式分析了jQuery中fadein方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下

 

 

本文实例讲述了jQuery使用fadein方法实现渐出效果的方法。分享给大家供大家参考。具体分析如下:

下面的JS代码通过jQuery的fadein方法控制指定色块逐渐显示的功能

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<!DOCTYPE html>

<html>

<head>

<script src="js/jquery.min.js">

</script>

<script>

$(document).ready(function(){

$("button").click(function(){

$("#div1").fadeIn();

$("#div2").fadeIn("slow");

$("#div3").fadeIn(3000);

});

});

</script>

</head>

<body>

<p>Demonstrate fadeIn() with different parameters.</p>

<button>Click to fade in boxes</button>

<br><br>

<div id="div1"

style="width:80px;height:80px;display:none;background-color:red;">

</div><br>

<div id="div2"

style="width:80px;height:80px;display:none;background-color:green;">

</div><br>

<div id="div3"

style="width:80px;height:80px;display:none;background-color:blue;">

</div>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

这篇文章主要介绍了jQuery使用fadein方法实现渐出效果的方法,以一个简单实例形式分析了jQuery中fadein方…

下面的JS代码通过jQuery的fadein方法控制指定色块逐渐显示的功能

相关文章

www.hj8828.com,相关搜索:

今天看啥

搜索技术库

返回首页

  • iphone6开启限制广告跟踪教程
  • iPhone激活是什么
  • 苹果地图或将开放
    任意系统可以使用
  • KindEditor编辑器使用教程
  • 白云一键重装系统后出现10010错误的解决方法
  • 苹果Mac电脑
    Vmware虚拟机共享文件夹设置教程

相关频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程