zoukankan      html  css  js  c++  java
  • 基于jquery实现的文字淡入淡出效果

    这篇文章介绍了jquery实现的文字淡入淡出效果实例,有需要的朋友可以参考一下
    复制代码代码如下:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>无标题文档- www.jbxue.com</title>  
    <script type="text/javascript" language="javascript" src="../../jquery-1.7.1.min.js">  
    </script>  
    <script language="javascript">  
    $(document).ready(function(){  
        $("#btn1").toggle(function(){  

                $("p").fadeOut("slow");  
                },function(){  
                    $("p").fadeIn("slow");     

            });  
            $("#btn2").toggle(function(){  

                $("p").fadeTo("slow",0.66);  
                },function(){  
                    $("p").fadeTo("slow",0.66);   
            });   
        });  

    </script>  
    </head>  

    <body>  
    <p style="background:#3F3">this is pi<br>  
    this is pi<br>  
    this is pi<br>  
    this is pi<br>  
    this is pi<br>  
    this is pi<br>  
    </p>  
    <input type="button" value="淡入/淡出" id="btn1">  
    </body>  
    <input type="button" value="淡入/淡出 效果 透明度0.66" id="btn2">  
    </html> 

  • 相关阅读:
    this指向详解
    领域驱动设计-1-概述
    算法 表达式求值
    进制转换
    IDEA Junit FileNotFoundException: class path resource [spring/spring.xml] cannot be opened because it does not exist
    aes加密示例
    create an oauth app
    搭建docusaurus博客
    Vue项目整体架构记要
    vue+element 获取验证码
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3424608.html
Copyright © 2011-2022 走看看