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>