javascript-collection

学习搜集js的常用例子与技术

##JS特效学习目录Special Effects ####SE1_bg_skin——PC背景换肤效果

点击换肤后效果如下：

#jQuery studing.....

基本格式：

<script src="js/juery.js" type="text/javascript"></script>
<script src="js/input.js" type="text/javascript"></script>

$("document").ready(function(){
.....
});

input输入框设置格式：

（1）type: 一般设置成text,如果是密码则设置成password
（2）autocomplete:自动补齐，关闭off  否则会显示之前浏览器记录过的账号
（3）placeholder：HTML5新增，设置输入框初始值。
（4）onfocus: onfocus='if(this.value==" 账号"){this.value="";};'  onblur='if(this.value==""){this.value=" 账号";};'设置焦点变化
（5）type来回更改时，输入框密码和文字更替效果无法达到。
解决方法：设置两个输入框进行show,hide操作

    $("#showpwd").focus(function(){
        $("#showpwd").hide();
        $("#pwd").show().focus();
    });
    $("#pwd").focus(function(){
        $("#pwd").attr({value:"",type:"password"});
    });
    $("#pwd").blur(function(){
        var account=$("#pwd").val();
        var count=account.length;
        if(account==""||account== null ||count== 0){
            if($("#pwd").attr("type")=='password') {
                $("#pwd").attr("type", "text");
            }
            $("#pwd").attr("value"," 密码不能为空");
        }
        else if(count< 6){
            $("#pwd").attr("value","");
            $("#showpwd").show();
            $("#pwd").hide();
        }
    });