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> 

  • 相关阅读:
    各种颜色对应的16进制
    django之旅 1.hello world
    FlexPaper文档在线浏览
    windwos下django 安装配置
    Josn 序列化
    WCF服务
    easy_install遇上Unable to find vcvarsall.bat
    Android开发环境搭建(jdk+eclip+android sdk)
    安卓系统架构图(转)
    windows8和windows server2012不联网安装.net 3.5(包括2.0和3.0)
  • 原文地址:https://www.cnblogs.com/linuxnotes/p/3424608.html
Copyright © 2011-2022 走看看