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

仿google adsense颜色选择器代码
css代码


代码如下:

<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>

仿google adsense颜色选择器代码用到的核心javascript代码


代码如下:

<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>

当前1/2页 12下一页阅读全文