show(),fadeIn(),fadeOut()

show() speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000) fn:在动画完成时执行的函数,每个元素执行一次。 fadeIn(),fadeOut() 通过不透明度的变化来实现所有匹配元素的淡入效果,并在动画完成后可选地触发一个回调函数。 这个动画只调整元素的不透明度,也就是说所有匹配的元素的高度和宽度不会发生变化。 speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000) fn:在动画完成时执行的函数,每个元素执行一次。 sample

<!DOCTYPE html>
<html >

<head>

    <script src="../js/jquery-1.8.3.min.js" type="text/javascript"></script>

    <title>show()</title>

    <style type="text/css">

    .readmore

    {

     cursor:pointer;

     background-color:Red;

    }

    </style>

    <script type="text/jscript">

        $(document).ready(function () {

            $('.message').hide();

            $('.readmore').click(function () {

                $('.message').show('slow', function () {

                    $('.readmore').text("close");

                });

            });

        });

    </script>

</head>

<body>

<div>style make format job......................</div>

<span>read more...</span>

<div>

Lightweight FootprintCSS3 CompliantCross-browser

GRAB THE LATEST VERSION!

CHOOSE YOUR COMPRESSION LEVEL:

JQUERY-1.8.3.MIN.JSPRODUCTION (32KB, Minified and Gzipped)JQUERY-1.8.3.JSDEVELOPMENT (252KB, Uncompressed Code)Download Current Release: v1.8.3

</div>

</body>

</html>

posted @ 2017-03-05 00:00  PhilXu  阅读(164)  评论(0编辑  收藏  举报