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

12下一页阅读全文
标签:
google,adsense,颜色选择器

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。