仿google adsense颜色选择器代码，从中易广告联盟程序提取 原创第1/2页

<style type="text/css"> 
BODY { 
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #02418a; PADDING-TOP: 0px; FONT-FAMILY: Arial 
} 
FORM { 
    MARGIN: 0px 
} 
INPUT { 
    MARGIN: 0px 
} 
TABLE { 
    FONT-WEIGHT: normal; FONT-SIZE: 12px; LINE-HEIGHT: 170%; FONT-FAMILY: Arial 
} 
A:link { 
    COLOR: #02418a; TEXT-DECORATION: none 
} 
A:visited { 
    COLOR: #02418a; TEXT-DECORATION: none 
} 
A:hover { 
    COLOR: #ff0000; TEXT-DECORATION: none 
} 
.colorhover { 
    BORDER-RIGHT: blue 1px solid; BORDER-TOP: blue 1px solid; DISPLAY: block; MARGIN-LEFT: 4px; BORDER-LEFT: blue 1px solid; WIDTH: 20px; CURSOR: pointer; BORDER-BOTTOM: blue 1px solid; HEIGHT: 16px 
} 
TABLE.palette { 
    BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; FONT-SIZE: 5px; BACKGROUND: #000000; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; BORDER-COLLAPSE: collapse 
} 
TABLE.palette TD A { 
    DISPLAY: block; TEXT-DECORATION: none 
} 
TABLE.palette TD A DIV { 
    WIDTH: 20px; HEIGHT: 20px 
} 
TABLE.palette A { 
    BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #cccccc 1px solid 
} 
TABLE.palette A:hover { 
    BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; CURSOR: pointer; BORDER-BOTTOM: red 1px solid 
} 
</style> 

<script type="text/javascript"> 
//中易广告联盟程序 By www.zyiis.com QQ:381611116  
function showPicker(colorField,atElement){ 

    var picker=document.getElementById("color_picker");     

    var element=(atElement!=undefined) 
    ?atElement 
    :document.getElementById("zyad_style_color_"+colorField);     
    //alert (getTopOffset(document.all.zyad_style_color_border)); 
    pickerField=colorField;     
    picker.style.top=getTopOffset(element);     
    picker.style.left=getLeftOffset(element)+90;     
    picker.style.display='block';     
    document.onmouseup=hidePicker;     

} 

function hidePicker(){ 

     
    var picker=document.getElementById("color_picker");     
    pickerField=null;     
    picker.style.display='none';     
    clicked=false;     

} 
function getTopOffset(element){ 

    return (element==document.body) 
    ?0 
    :(element.offsetTop+getTopOffset(element.offsetParent));     

} 
function getLeftOffset(element){ 

    return (element==document.body) 
    ?0 
    :(element.offsetLeft+getLeftOffset(element.offsetParent));     

} 

function selectColor(colorValue){ 

    elem("colorsample-"+pickerField).style.backgroundColor='#'+colorValue;     

     
    if(external){ 

        elem("zyad_style_color_"+pickerField).value=colorValue;         

    } 

    if(pickerField=='background')elem("zyad_style_bg").style.backgroundColor='#'+colorValue;     

    if(pickerField=='border'){ 

        elem("zyad_style_bg").style.border=" 1px solid #"+colorValue;         

         
        elem("zyad_style_copy").style.backgroundColor='#'+colorValue;         
        elem("zyad_style_copy").style.color='#'+getTextHex(colorValue);         

    } 

    if(pickerField=='sitename') 
    { 

        elem("zyad_style_site_name").style.color='#'+colorValue;         
        elem("zyad_style_site_name1").style.color='#'+colorValue;         

    } 
    if(pickerField=='intro') 
    { 

        elem("zyad_style_site_intro").style.color='#'+colorValue;         
        elem("zyad_style_site_intro1").style.color='#'+colorValue;         

    } 
    if(pickerField=='siteurl') 
    { 

        elem("zyad_style_site_siteurl").style.color='#'+colorValue;         
        elem("zyad_style_site_siteurl1").style.color='#'+colorValue;         

    } 
    pickerField=null;     
    hidePicker();     
    getcode();     

} 
function elem(element) 
{ 

    return document.getElementById(element);     

} 

function toColor(h){ 

    return [parseInt(h.substring(0,2),16), 
    parseInt(h.substring(2,4),16), 
    parseInt(h.substring(4,6),16)];     

} 

function getTextHex(c){ 

     
    if(c=="FFFFFF") 
    { 

        return "000";         

    } 
    else  
    { 

        return "FFFFFF";         

    } 

     
} 


function get_trans_codes() 
{ 

    getcode() 

} 

function copymetasearch(sel_obj){ 

    highlightmetasearch(sel_obj);     
    textRange=sel_obj.createTextRange();     
    textRange.execCommand("RemoveFormat");     
    textRange.execCommand("Copy");     

} 
function highlightmetasearch(sel_obj){ 

    sel_obj.select(); 
    sel_obj.focus();     

} 

///// 

function get_Option_Value(Options){ 

    if(Options&&Options.length){ 

        for(var i=0;i<Options.length;i++){ 

            if(Options[i].selected){ 

                return Options[i].value;                 

            } 

        } 

    }else { 

        return ; 

         
    } 

} 
function get_radio_value(field){ 

    if(field&&field.length){ 

        for(var i=0;i<field.length;i++){ 

            if(field[i].checked){ 

                return field[i].value;                 

            } 

        } 

    }else { 

        return ; 

         
    } 

} 

function get_checkbox_value(field){ 

    if(field.checked){ 

        return field.value;         

    } 
    return "";     

} 

function get_style_codes(){ 

    style=elem("get_style").value;     
    var p=style.split(',');     
    zyad_style_color_border=p[0];     
    zyad_style_color_sitename=p[1];     
    zyad_style_color_background=p[2];     
    zyad_style_color_intro=p[3];     
    zyad_style_color_siteurl=p[4];     
    var zyad_style_copy_d=get_radio_value(form_zyad_codes.ad_iframe);     

    elem("zyad_style_color_border").value=zyad_style_color_border;     

    elem("zyad_style_color_sitename").value=zyad_style_color_sitename;     
    elem("zyad_style_color_background").value=zyad_style_color_background;     
    elem("zyad_style_color_intro").value=zyad_style_color_intro;     
    elem("zyad_style_color_siteurl").value=zyad_style_color_siteurl;     
    if(zyad_style_copy_d==1){ 

         
        elem("zyad_style_bg").style.border=" 1px solid #"+zyad_style_color_border; 

    } 
    else  
    { 
        elem("zyad_style_bg").style.border=" 0px solid #ffffff";         

         
    } 
    elem("zyad_style_copy").style.backgroundColor='#'+zyad_style_color_border;     
    elem("zyad_style_copy").style.color='#'+getTextHex(zyad_style_color_border);     
    elem("zyad_style_site_name1").style.color='#'+zyad_style_color_sitename;     
    elem("zyad_style_site_name").style.color='#'+zyad_style_color_sitename;     

    elem("colorsample-border").style.backgroundColor=zyad_style_color_border;     
    elem("colorsample-sitename").style.backgroundColor=zyad_style_color_sitename;     
    elem("colorsample-background").style.backgroundColor=zyad_style_color_background;     
    elem("colorsample-intro").style.backgroundColor=zyad_style_color_intro;     
    elem("colorsample-siteurl").style.backgroundColor=zyad_style_color_siteurl;     
    getcode();     

} 

</script>