jQuery 常用特效实例小结【显示与隐藏、淡入淡出

网络编程 2021-07-04 15:02www.168986.cn编程入门
这篇文章主要介绍了jQuery 常用特效,结合实例形式总结分析了jquery显示与隐藏、淡入淡出、滑动、动画等常用特效实现技巧,需要的朋友可以参考下

本文实例讲述了jQuery 常用特效。分享给大家供大家参考,具体如下:

显示与隐藏

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style type="text/css">
 #content{display: none;}
 </style>
 <script src="jQuery/jquery-1.8.3.js"></script>
 <script type="text/javascript">
    $('#btn').click(function(event) {
     if ($(this).text() === '显示说明') {
     $('#content').show();
            //$('#content').show('slow');//设置显示速度,1000为一秒,也可以用fast或slow
            //$('#content').show('slow',function() {
              //$('h3').css('color','red');
            / 

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by