码迷,mamicode.com
首页 > Web开发 > 详细

重用的js效果

时间:2015-06-29 11:31:51      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:

一、输入框的focus和blur

技术分享
/*搜索框的效果*/
$(function(){
    $("#input-search").focus(function(){
        var defaultValue=$(this).attr("defaultValue");
        if(this.value==defaultValue){
            this.value="";
        }
         
        
    }).blur(function(){
        if(this.value==""){
            this.value=$(this).attr("defaultValue");
        }
        
    }).keyup(function(e){
        if(e.which==13){
            alert("回车提交表单");
        }
        
    });
    
})
输入框的focus与blur

 

二、网页换肤功能(需要结合jquery的cookie插件,来记录用户的选择)

 

技术分享
/*换肤的效果,不知道为什么,cookie的效果没有出来*/
function switchSkin(myskin){
    $("#skin-css").attr("href","styles/skin/"+myskin+".css");     
    $("."+myskin).addClass("selected").siblings().removeClass("selected");$
    //为了用户下次打开以及刷新的时候,依旧显示上次的皮肤,需要使用cookie来记录当前的选择
    $.cookie("myCssSkin", myskin ,{path:"/",expires:10});

}
$(function(){
    var my_skin=$.cookie("myCssSkin");
    alert(my_skin);
    if(my_skin){
        switchSkin(my_skin);
    }
    $(".skin li").click(function(){         
        my_skin=$(this).attr("class");
        switchSkin(my_skin);     
    });
});
jquery实现网页换肤效果

 

重用的js效果

标签:

原文地址:http://www.cnblogs.com/bobodeboke/p/4606975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!