jquery常用代码--（一）-创新互联

    在工作中，常用的特效，其实不是很多。主要分为以下几大类：

站在用户的角度思考问题，与客户深入沟通，找到龙湾网站设计与龙湾网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都网站设计、做网站、成都外贸网站建设公司、企业官网、英文网站、手机端网站、网站推广、域名与空间、网页空间、企业邮箱。业务覆盖龙湾地区。

        1.常见Tab切换

                2.有关输入框 input的简单交互

                3.进度条

                4. Banner切换

                5.可拖拽弹出层

                6.文字超出则省略且显示为点点

                7.内容区内部右边3D云标签

1.常见Tab切换

        $(function(){

              $('.tab_change ul li').click(function(){

                    $(this).addClass('cur').siblings().removeClass('cur');

                    $('.tab_change ol li').eq($(this).index()).show().siblings().hide();

                })

        })

2.有关输入框 input的简单交互

    1.一般要求的直接带入写法

    

        onfocus=“if(value==‘请输入关键字’){value=‘   ’}”   

        onblur=“if(value==‘’){value=‘请输入关键字’}”                  />

    2.特别要求，比如用jQuery在html结构页面外写

    $(function(){

                $( ‘.text’).focus(function(){

                        if($(this).val()==‘请输入关键字’) {

                              $(this).val(‘’) ;

                        }

               })

                $( ‘.text’).blur(function(){

                         if($(this).val()==‘’) {

                                 $(this).val(‘请输入关键字’);

                         }

                 })

  3.特别要求，比如多个输入框的验证，以及输入前后，字体的颜色

 $('#name , #psw , #code').focus(function(){

         if( $(this).val()=='请输入用户名' || $(this).val()=='请输入密码’ || $(this).val()=='请输入验证码')            {

                $(this).val('');

                $(this).css('color','#000');

         }

    });

    $('#name , #psw , #code').blur(function(){

            if( $(this).val()=='') {

                    $('#name').val('请输入用户名');

                    $('#psw').val('请输入密码');

                    $('#code').val('请输入验证码');

                    $(this).css('color','#9a9a9a');

                }

     });

4.特别要求,比如原为文本框的，后写入时变为输入密码框

$("#psw").focus(function() {

        var text_value = $(this).val();

        if (text_value ==this.defaultValue) {

                $("#psw").hide();

                $("#password").show().focus();

         }

});

$("#password").blur(function() {

            var text_value = $(this).val();

            if (text_value == "") {

                    $("#psw").show();$("#password").hide();

            }

});

5.特别要求：输入前文字居中，输入后文字左靠齐

$("input[type='text']").focus(function(){

         $(this).css({"text-align":"left","color":"#333"})

           $(this).val(" ")

})

$("input[type='text']").blur(function(){

        if($(this).val()==" "){

                $(this).css({"text-align":"center","color":"#dfdfdf"})

                $(this).val("－请输入－")

         }

})

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站栏目：jquery常用代码--（一）-创新互联
URL地址：http://6mz.cn/article/gpcge.html