页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

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

发布：dxy 字体：[增加减小] 类型：原创

点击运行可以看到效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>仿goolge adsense颜色选择器 代码提取</title> 
<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 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_checkbox_value(field){ 
     
    if(field.checked){ 
         
        return field.value;         
         
    } 
    return "";     
     
}

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

演示地址
http://img.jb51.net/online/googlecolor.html

当前2/2页上一页 1 2