)
var deCoHa22="#000000";
///////////////////////////////////////////////////
var ob0Ha22=new Array(),ob1Ha22=new Array(),ob2Ha22=new Array();
var kazHa22=3,nuHa22,doFlHa22=false;
var yDeHa22=4,yMoHa22,dyMoHa22,yHa22=new Array();
var rHa22=0,gHa22=0,bHa22=0,hHa22=0,sHa22=0,lHa22=0;
var coHa22=new Array();
coHa22[0]=eval("0x"+deCoHa22.substring(1,3));
coHa22[1]=eval("0x"+deCoHa22.substring(3,5));
coHa22[2]=eval("0x"+deCoHa22.substring(5,7));
// RGB値からHTML色コードをゲットする部分です。
function getCoHa22(r,g,b) {
var co="#";
if (r<16) co+="0";
co+=r.toString(16);
if (g<16) co+="0";
co+=g.toString(16);
if (b<16) co+="0";
co+=b.toString(16);
return co;
}
// RGB値からHSL値をゲットする部分です。
function getHSLHa22(r,g,b) {
var h,s,l,v,m;
r/=255,g/=255,b/=255;
v=Math.max(r,g),v=Math.max(v,b);
m=Math.min(r,g),m=Math.min(m,b);
l=(m+v)/2;
if (v==m) sHa22=0,lHa22=Math.round(l*255);
else {
if (l<=0.5) s=(v-m)/(v+m);
else s=(v-m)/(2-v-m);
if (r==v) h=(g-b)/(v-m);
if (g==v) h=2+(b-r)/(v-m);
if (b==v) h=4+(r-g)/(v-m);
h*=60;
if (h<0) h+=360;
hHa22=Math.round(h/360*255);
sHa22=Math.round(s*255);
lHa22=Math.round(l*255);
}
}
// HSL値からRGB値をゲットする部分です。
function getRBGHa22(h,s,l) {
var r,g,b,v,m,se,mid1,mid2;
h/=255,s/=255,l/=255;
if (l<=0.5) v=l*(1+s);
else v=l+s-l*s;
if (v<=0) rHa22=0,gHa22=0,bHa22=0;
else {
m=2*l-v,h*=6,se=Math.floor(h);
mid1=m+v*(v-m)/v*(h-se);
mid2=v-v*(v-m)/v*(h-se);
if (se==0) r=v,g=mid1,b=m;
else if (se==1) r=mid2,g=v,b=m;
else if (se==2) r=m,g=v,b=mid1;
else if (se==3) r=m,g=mid2,b=v;
else if (se==4) r=mid1,g=m,b=v;
else if (se==5) r=v,g=m,b=mid2;
rHa22=Math.round(r*255);
gHa22=Math.round(g*255);
bHa22=Math.round(b*255);
}
}
// RGB値とy座標を変換する部分です。
function getCoYHa22(c,flag) {
var va;
if (flag) va=255-Math.floor((c-yDeHa22)*255/24);
else va=24-Math.floor(c*24/255)+yDeHa22;
return va;
}
// スタイルシートのy座標をセットする部分です。
function setLaPoYHa22(obj,y) {
if (document.all) obj.style.pixelTop=y;
else if (document.getElementById) obj.style.top=y;
else if (document.layers) obj.top=y;
}
// スタイルシートのy座標をゲットする部分です。
function getLaPoYHa22(obj) {
if (document.all) return obj.style.pixelTop;
else if (document.getElementById) return parseInt(obj.style.top);
else if (document.layers) return obj.top;
}
// マウスのxy座標をゲットする部分です。
function getMoPoHa22(e,flag) {
if (window.opera) {
if (flag) yMoHa22=e.pageY;
else yMoHa22=e.pageY-e.offsetY;
}
else if (document.all) {
if (flag) yMoHa22=document.body.scrollTop+event.clientY;
else {
yMoHa22=document.body.scrollTop+event.clientY-event.offsetY;
if (navigator.userAgent.indexOf("Mac")!=-1) yMoHa22-=document.body.scrollTop;
}
}
else if (document.getElementById || document.layers) {
if (flag) yMoHa22=e.pageY;
else yMoHa22=e.pageY-e.layerY;
}
}
// イベントキャプチャーのマウスダウンの動作部分です。
function downEHa22(e) {
var na;
if (document.all) na=event.srcElement.name;
else if (document.getElementById || document.layers) na=e.target.name;
if (na!=null) {
if (na.indexOf("bar")!=-1) {
nuHa22=eval(na.substring(3,na.indexOf("Ha22")));
getMoPoHa22(e,false);
dyMoHa22=yMoHa22-getLaPoYHa22(ob2Ha22[nuHa22])+1;
doFlHa22=true;
return false;
}
}
}
// イベントキャプチャーのマウスアップの動作部分です。
function upEHa22(e) {
if (doFlHa22) {
doFlHa22=false;
return false;
}
}
// イベントキャプチャーのマウスムーブの動作部分です。
function moveEHa22(e) {
if (doFlHa22) {
var i,co;
getMoPoHa22(e,true);
yHa22[nuHa22]=yMoHa22-dyMoHa22;
if (yHa22[nuHa22]<4) yHa22[nuHa22]=4;
else if (yHa22[nuHa22]>28) yHa22[nuHa22]=28;
setLaPoYHa22(ob2Ha22[nuHa22],yHa22[nuHa22]);
co=getCoYHa22(yHa22[nuHa22],true);
if (nuHa22!=3) {
coHa22[nuHa22]=co;
rHa22=coHa22[0],gHa22=coHa22[1],bHa22=coHa22[2];
getHSLHa22(rHa22,gHa22,bHa22);
yHa22[3]=getCoYHa22(lHa22,false);
setLaPoYHa22(ob2Ha22[3],yHa22[3]);
}
else {
rHa22=coHa22[0],gHa22=coHa22[1],bHa22=coHa22[2];
getHSLHa22(rHa22,gHa22,bHa22);
lHa22=co;
getRBGHa22(hHa22,sHa22,lHa22);
coHa22[0]=rHa22,coHa22[1]=gHa22,coHa22[2]=bHa22;
for (i=0;i<=2;i++) {
yHa22[i]=getCoYHa22(coHa22[i],false);
setLaPoYHa22(ob2Ha22[i],yHa22[i]);
}
}
document.bgColor=getCoHa22(coHa22[0],coHa22[1],coHa22[2]);
return false;
}
}
// スタイルシートの初期設定をしている部分です。
function preLoadHa22() {
if (document.all || document.getElementById || document.layers) {
var i;
if (!window.opera && document.all) {
for (i=0;i<=kazHa22;i++) {
ob0Ha22[i]=document.all("FrR"+i+"Ha22");
ob1Ha22[i]=document.all("ImR"+i+"Ha22");
ob2Ha22[i]=document.all("ImB"+i+"Ha22");
}
}
else if (document.getElementById) {
for (i=0;i<=kazHa22;i++) {
ob0Ha22[i]=document.getElementById("FrR"+i+"Ha22");
ob1Ha22[i]=document.getElementById("ImR"+i+"Ha22");
ob2Ha22[i]=document.getElementById("ImB"+i+"Ha22");
ob0Ha22[i].style.position="absolute";
}
}
else if (document.layers) {
for (i=0;i<=kazHa22;i++) {
ob0Ha22[i]=document.layers["FrR"+i+"Ha22"];
ob1Ha22[i]=ob0Ha22[i].document.layers["ImR"+i+"Ha22"];
ob2Ha22[i]=ob0Ha22[i].document.layers["ImB"+i+"Ha22"];
}
}
if (document.layers) document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP);
document.onmousedown=downEHa22;
document.onmouseup=upEHa22;
document.onmousemove=moveEHa22;
for (i=0;i<=2;i++) {
yHa22[i]=getCoYHa22(coHa22[i],false);
setLaPoYHa22(ob2Ha22[i],yHa22[i]);
}
rHa22=coHa22[0],gHa22=coHa22[1],bHa22=coHa22[2];
getHSLHa22(rHa22,gHa22,bHa22);
yHa22[3]=getCoYHa22(lHa22,false);
setLaPoYHa22(ob2Ha22[3],yHa22[3]);
}
}
// End -->
試験的に作ったバナー第一号(200*40) |
|
試験的に作ったバナー第二号(200*40) |
|