扫一扫,加我们为好友有惊喜哦~
-->

核心课程
开班动态
专题服务

您当前所在位置:首页 > 中心动态 >>
jquery特效:显示、隐藏文字【常州软件培训】

 点击按钮显示、隐藏文字(文字颜色5个轮换):val()、回调函数

                <p>
床前明月光
</p>
 
<p>
疑似地上霜
</p>
 
<p>
举头望明月
</p>
 
<p>
低头思故乡
</p>
<input type="button" value="隐藏">
 
    <script type="text/javascript">
      $(document).ready(function(){
        //定义颜色数组
        var c = new Array("red","green","blue","gray","yellow");
        var i = 0;
      
         $(":button").click(function(){
             //获取按钮上的文字
             var v = $(this).val();
             
             if(v == "隐藏"){
            //回调函数:当当前事件结束后才调用的函数
            $("p").hide("slow",function(){
               $(":button").val("显示");
            });
             }else if(v == "显示"){
                 //防止越界
                 if(i >= c.length){
                   i = 0;
                 }
             
                 $("p").css("color",c[i]);
                 i++;
                 $("p").show("slow",function(){
                    $(":button").val("隐藏");
                 });
             }
             
         });
      });
    </script>

精彩文章推荐
面向对象编程的基本概念【常州电脑培训】[2013-7-16]
常州淘宝培训班——如何给淘宝商品定价?[2012-9-9]
JSP中的隐含变量详解[2012-7-23]
常州电脑培训——编程改错题[2012-7-5]
朱元璋简历制作案例——常州电脑培训[2012-6-28]
如何成为优秀的软件开发工程师—东方博宜软件开发[2012-6-27]
经典创意广告——常州电脑培训案例[2012-6-20]
关于域名的选择问题,包括域名长度、取名技巧、后缀含义等[2012-3-13]


返回顶部