当前位置: 首页 > 图文教程 > 网络编程 > Javascript > [原创]仿google adsense颜色选择器代码,从中易广告联盟程序提取

Javascript
在Z-Blog中运行代码[html][/html](纯JS版)
统一接口:为FireFox添加IE的方法和属性的js代码
网页自动刷新,不产生嗒嗒声的一个解决方法
驱动事件的addEvent.js代码
[原创]提供复制本站内容时出现,该文章转自IT学习网等字样的js代码
CSDN轮换广告图片轮换效果
一段多浏览器的"复制到剪贴板"javascript代码
Javascript中的常见排序算法
JS Common 2 之比较常用到的函数
非正则实现的只能输入汉字的输入框
CSDN上快速结贴的方法,JS实现
js eval木马代码,以后再分析吧
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
一个不错的可以检测多中浏览器的函数和其它功能
状态栏显示欢迎信息的脚本特效
关于文本限制字数的js代码
在你的网页中嵌入外部网页的方法
在IE中调用javascript打开Excel的代码(downmoon原作)
javascript实现动态增加删除表格行(兼容IE/FF)
javascript中获取选中对象的类型

Javascript 中的 [原创]仿google adsense颜色选择器代码,从中易广告联盟程序提取


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 312 ::
收藏到网摘: n/a

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


点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

演示地址
http://img.ruanchen.com/nline/googlecolor.html