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> 

  • 相关阅读:
    Linux命令比较文件内容
    Linux命令jobs小记
    权限控制框架
    Log4j2源码分析系列:(一)配置加载
    Callable和Supplier的区别
    排序算法之归并排序
    Spring boot整合Mybatis
    排序算法之堆排序
    排序算法之希尔排序
    排序算法之快速排序
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3424608.html
Copyright © 2011-2022 走看看