30
2012-10

JS 文本域换行符和HTML换行标签的相互替换

将HTML换行标签替换为文本域换行符
textereaContext = divHTML.replace(/(<br>)/g, "\r\n");
将文本域换行符替换为HTML换行标签
divHTML =  textereaContext .replace(/\n|\r|(\r\n)|(\u0085)|(\u2028)|(\u2029)/g, "<br>");


23
2012-10

一个页面的制作的收藏代码。

var site_url = window.location.href.toLowerCase();
    //alert($("#nav li").eq(0).html());
    switch (true) {
        case site_url.indexOf("/set") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(1).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/domain") > 0 || site_url.indexOf("/zhdomain") > 0 || site_url.indexOf("/dns") > 0 || site_url.indexOf("/tywz") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(2).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/hosting") > 0 || site_url.indexOf("/database") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(3).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/vps") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(4).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/server") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(5).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/mail") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(6).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/web") > 0  || site_url.indexOf("/knet") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(7).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/shop") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(8).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/doc/agent") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(9).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        case site_url.indexOf("/cn/promotion/") > 0 ||  site_url.indexOf("/seo") > 0 :
            $("#nav li").attr("class","");
            $("#nav li").eq(10).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
            break;
        default :
            $("#nav li").attr("class","");
            $("#nav li").eq(0).attr("class","nav_lishw");
            $(".nav_lishw .v a").attr("class","sele");
            $(".nav_lishw .kind_menu").show();
    } 
      
    $("#nav li").hover(
        function(){
            clearTimeout(setTimeout("0")-1);
            $("#nav .kind_menu").hide(); 
            $("#nav li .v .sele").attr("class","shutAhover");
            $(this).attr("id","nav_hover")
            $("#nav_hover .v a").attr("class","sele");
            $("#nav_hover .kind_menu").show(); 
        },
        function(){
                  
            if($(this).attr("class") != "nav_lishw"){
                $("#nav_hover .v .sele").attr("class","");
                $("#nav_hover .kind_menu").hide(); 
            }
            $(this).attr("id","")
            $("#nav li .v .shutAhover").attr("class","sele");
            setTimeout(function(){
                $(".nav_lishw .kind_menu").show();
                $(".nav_lishw .v a").attr("class","sele");
            },50); 
        }
    );


11
2012-10

网站代码的十六进制颜色。

网站设计中用一种颜色的名称的麻烦是,它从来没有真正被视为完全相同的两个不同的个人色彩 - 一个网站的情绪的影响,特别是如果他们的股份。命名的颜色,你最有可能给一个错误的印象。即使是像“蓝色”是不确定的。为了更准确,也可能是“天空蓝”,“海洋蓝”,“牛仔蓝”,甚至“电弧焊机蓝色”。

图显示了如何通过上述0-9的十六进制颜色


09
2012-10

设计网站常见的布局参考.

设计网站需要的什么样的版式?

看看这篇文章你会觉得这是一个好主意,说是最常见的布局。有广泛的头球顶,2列960px,一个是大的,另一种是狭义的。有越来越窄,如导航,并设置在侧边栏。
按照惯例,在许多博客是一个地方的导航方式的权利是广泛的,静态网站向左侧。

拍摄现场



«1»