Фото при наведении обрамляется цветным бордюром

Фото при наведении обрамляется цветным бордюром

Главная Контакты Софт Термины Неисправности Поисковики Шаблоны

Просмотр скрипта

<style>
body{text-align:center;}
.container{width:90%;margin-left:auto;margin-right:auto;}
.c1{width:32%;float:left;text-align:left;margin:5px}
.c2{width:32%;float:left;text-align:left;margin:5px}
.c3{width:32%;float:left;text-align:left; margin:5px}
</style>
</HEAD>
	<BODY bgcolor="#A1FEF9">
<img src="../01-3.gif" width=77 height=64 border=0 align="right" valign="top"><br>
<center><h2>Фото при наведении  обрамляется  цветным бордюром</h2></center><br> <br>
<div class="container">
<div class="c1">
<a href="a01.jpg" width="800" height="650"><img src=a01.jpg id="001" onmouseover="zxcAddOutLine(this,'toggle',1,'red',5,20,['C','#FFFFFF','#0728E2'],['b',10,'blue',5,],['L',10,'red',5,20],['R',10,'yellow',5,20],['t',10,'green',5,10]);"
onmouseout="zxcAddOutLine(this,'toggle',1,'red',0,0,['C','#F7FD06','#17E306'],['b',0,'blue',0,0],['L',0,'red',0,0],['R',0,'yellow',0,0],['t',0,'green',0,0]);"
     width=150></a><br>
<br></div>
<div class="c2">
<a href="a02.jpg" width="800" height="650"><img src=a02.jpg id="002" onmouseover="zxcAddOutLine(this,'toggle',2,'red',5,20,['C','#FFFFFF','#F7FD06'],['b',10,'blue',5,20],['L',10,'red',5,20],['R',10,'yellow',5,20],['t',10,'green',5,10]);"
onmouseout="zxcAddOutLine(this,'toggle',2,'red',0,0,['C','#F7FD06','#17E306'],['b',0,'blue',0,0],['L',0,'red',0,0],['R',0,'yellow',0,0],['t',0,'green',0,0]);"
     width=150></a><br>
<br></div><div class="c3">
<a href="a03.jpg" width="800" height="650"><img src=a03.jpg id="003" onmouseover="zxcAddOutLine(this,'toggle',3,'red',5,20,['C','#FFFFCC','#E70D01'],['b',10,'blue',5,20],['L',10,'red',5,20],['R',10,'yellow',5,20],['t',10,'green',5,10]);"
onmouseout="zxcAddOutLine(this,'toggle',3,'red',0,0,['C','#FFFFCC','#330000'],['b',0,'blue',0,0],['L',0,'red',0,0],['R',0,'yellow',0,0],['t',0,'green',0,0]);"
 width=150></a><br>
<br></div>
</div>
<SCRIPT type=text/javascript>
var Path='imbor/';
var ImgAry=new Array(Path+'Zero.gif',Path+'One.gif',Path+'Two.gif',Path+'Three.gif',Path+'Four.gif',Path+'Five.gif');
var zxcBdy;
var zxcCnt=0;
function zxcAddOutLine(){
if (!zxcBdy){
zxcBdy=document.getElementsByTagName('BODY')[0];
zxcPnt=document.createElement('DIV');
zxcBdy.appendChild(zxcPnt);
zxcPnts=zxcPnt.style;
zxcPnts.position='absolute';
zxcPnts.overflow='hidden';
zxcPnts.left='-1000px';
}
zxcargs=zxcAddOutLine.arguments
if (typeof(zxcargs[0])=='string'){ zxcargs[0]=document.getElementById(zxcargs[0]); }
if (!zxcargs[0].oop){
zxcargs[0].oop=new zxcOOP(zxcargs);
zxcargs[0].oop.makeline();
zxcargs[0].to=null;
zxcargs[0].make=true;
if (!zxcargs[1].toUpperCase().match('N')){ zxcargs[0].toggle=true; }
return;
}
if (!zxcargs[0].init||!zxcargs[0].toggle){ return; }
clearTimeout(zxcargs[0].to);
if (zxcargs[0].make){ zxcargs[0].make=false; }
else { zxcargs[0].make=true; }
zxcargs[0].oop.linetoggle();
}
function zxcPos(zxc){
zxcObjLeft = zxc.offsetLeft;
zxcObjTop = zxc.offsetTop;
while(zxc.offsetParent!=null){
zxcObjParent=zxc.offsetParent;
zxcObjLeft+=zxcObjParent.offsetLeft;
zxcObjTop+=zxcObjParent.offsetTop;
zxc=zxcObjParent;
}
return [zxcObjLeft,zxcObjTop];
}
function zxcOOP(zxcarg){
this.obj=zxcarg[0];
zxcary=[];
for (zxc0=7;zxc0<zxcarg.length;zxc0++){
zxcary[zxc0-7]=zxcarg[zxc0];
}
this.ref='zxcoop'+zxcCnt;
window[this.ref]=this;
this.lcnt=0;
this.wd=this.obj.offsetWidth;
this.ht=this.obj.offsetHeight;
this.lt=zxcPos(this.obj)[0];
this.tp=zxcPos(this.obj)[1];
this.make=[];
this.points=[];
zxcCnt++;
if (zxcary.length==0){
zxcary[0]=['T']; zxcary[1]=['B']; zxcary[2]=['L']; zxcary[3]=['R'];
}
for (zxc1=0;zxc1<zxcary.length;zxc1++){
for (zxc2=1;zxc2<6;zxc2++){
if (!zxcary[zxc1][zxc2]){ zxcary[zxc1][zxc2]=zxcarg[zxc2+1]; }
}
if (zxcary[zxc1][0].toUpperCase().match('T')){
this.make[zxc1]=[true,zxcary[zxc1][2],zxcary[zxc1][3],zxcary[zxc1][4],0,0,this.wd+zxcary[zxc1][1]*2,zxcary[zxc1][1],zxcary[zxc1][1],this.lt-zxcary[zxc1][1],this.tp-zxcary[zxc1][1],zxcary[zxc1][5]];
}
if (zxcary[zxc1][0].toUpperCase().match('B')){
this.make[zxc1]=[true,zxcary[zxc1][2],zxcary[zxc1][3],zxcary[zxc1][4],0,0,this.wd+zxcary[zxc1][1]*2,zxcary[zxc1][1],zxcary[zxc1][1],this.lt-zxcary[zxc1][1],this.tp+this.ht,zxcary[zxc1][5]];
}
if (zxcary[zxc1][0].toUpperCase().match('L')){
this.make[zxc1]=[false,zxcary[zxc1][2],zxcary[zxc1][3],0,zxcary[zxc1][4],zxcary[zxc1][1],zxcary[zxc1][1],0,this.ht+zxcary[zxc1][1]*2,this.lt-zxcary[zxc1][1],this.tp-zxcary[zxc1][1],zxcary[zxc1][5]];
}
if (zxcary[zxc1][0].toUpperCase().match('R')){
this.make[zxc1]=[false,zxcary[zxc1][2],zxcary[zxc1][3],0,zxcary[zxc1][4],zxcary[zxc1][1],zxcary[zxc1][1],0,this.ht+zxcary[zxc1][1]*2,this.lt+this.wd,this.tp-zxcary[zxc1][1],zxcary[zxc1][5]];
} }}
zxcOOP.prototype.makeline=function(){
this.p=zxcPnt.cloneNode(false);
this.points[this.lcnt]=this.p;
this.line=this.make[this.lcnt];
if (this.line[11]&&this.effects){ this.effects(); }
this.pS=this.p.style;
this.pS.width=this.line[5]+'px';
this.pS.height=this.line[7]+'px';
this.pS.left=this.line[9]+'px';
this.pS.top=this.line[10]+'px';
this.pS.backgroundColor=this.line[1];
zxcBdy.appendChild(this.p);
this.points.push(this.p);
this.replaceline();
}
zxcOOP.prototype.replaceline=function(){
this.pS.width=(parseInt(this.pS.width)+this.line[3])+'px';
this.pS.height=(parseInt(this.pS.height)+this.line[4])+'px';
this.center();
if (parseInt(this.pS.width)<this.line[6]||parseInt(this.pS.height)<this.line[8]){
this.setTimeOut("replaceline();",this.line[2]);
}
else {
this.pS.width=(this.line[6])+'px';
this.pS.left=(this.line[9])+'px';
this.pS.height=(this.line[8])+'px';
this.pS.top=this.line[10]+'px';
if (this.lcnt<this.make.length-1){
this.lcnt++;
if (this.obj.init){ this.linetoggle(); }
else { this.makeline(); }
}
else { this.obj.init=true; }
}}
zxcOOP.prototype.linetoggle=function(){
this.p=this.points[this.lcnt];
this.line=this.make[this.lcnt];
this.pS=this.p.style;
if (this.obj.make){ this.replaceline(); }
else { this.removeline(); }
}
zxcOOP.prototype.removeline=function(){
this.pS.width=(parseInt(this.pS.width)-this.line[3])+'px';
this.pS.height=(parseInt(this.pS.height)-this.line[4])+'px';
this.center();
if ((this.line[0]&&parseInt(this.pS.width)>this.line[3])||(!this.line[0]&&parseInt(this.pS.height)>this.line[4])){
this.setTimeOut("removeline();",this.line[2]);
}
else {
if (this.line[0]){ this.pS.width='0px'; }
else { this.pS.height='0px'; }
if (this.lcnt>0){ this.lcnt--; this.linetoggle(); }
}}
zxcOOP.prototype.center=function(){
if (this.line[0]){ this.pS.left=(this.lt+(this.wd-parseInt(this.pS.width))/2)+'px'; }
else { this.pS.top=(this.tp+(this.ht-parseInt(this.pS.height))/2)+'px'; }
}
zxcOOP.prototype.setTimeOut=function(zxcf,zxcd){
this.obj.to=setTimeout("window."+this.ref+"."+zxcf,zxcd);
}
zxcOOP.prototype.effects=function(){
this.d=zxcPnt.cloneNode(false);
this.dS=this.d.style;
this.dS.top='0px';
this.dS.left='0px';
if (this.line[11][0].charAt(0).toUpperCase()=='I'){
zxcimg=document.createElement('IMG');
this.d.appendChild(zxcimg);
}
this.ary=[];
if (this.line[0]){
this.dS.height=this.line[7]+'px';
this.dS.width=this.line[3]+'px';
zxcstps=Math.ceil(this.line[6]/this.line[3]);
for (zxc0=0;zxc0<zxcstps;zxc0++){
this.ary[zxc0]=this.d.cloneNode(true);
this.p.appendChild(this.ary[zxc0]);
this.ary[zxc0].style.left=(this.line[3]*zxc0)+'px';
} }
else {
this.dS.height=this.line[4]+'px';
this.dS.width=this.line[5]+'px';
for (zxc0=0;zxc0<Math.ceil(this.line[8]/this.line[4]);zxc0++){
this.ary[zxc0]=this.d.cloneNode(true);
this.p.appendChild(this.ary[zxc0]);
this.ary[zxc0].style.top=(this.line[4]*zxc0)+'px';
} }
if (this.line[11][0].charAt(0).toUpperCase()=='C'){
this.effectary=new Array(zxcstps);
zxcGradientColors(this.line[11][1],this.line[11][2],this.effectary);
for (zxc1=0;zxc1<this.ary.length;zxc1++){
this.ary[zxc1].style.backgroundColor=this.effectary[zxc1];
} }
if (this.line[11][0].charAt(0).toUpperCase()=='O'){
this.effectary=zxcSteps(zxcstps,this.line[11]);
for (zxc1=0;zxc1<this.ary.length;zxc1++){
this.ary[zxc1].style.backgroundColor=this.line[11][1];
zxcOpacity(this.ary[zxc1].style,this.effectary[zxc1]);
} }
if (this.line[11][0].charAt(0).toUpperCase()=='I'){
this.effectary=[];
zxcimgcnt=0;
for (zxc1=0;zxc1<this.ary.length;zxc1++){
if (typeof(this.line[11][1])=='string'){
this.ary[zxc1].firstChild.src=this.line[11][1];
}
else {
this.ary[zxc1].firstChild.src=this.line[11][1][zxcimgcnt];
zxcimgcnt=(zxcimgcnt+1)%this.line[11][1].length
}
this.ary[zxc1].firstChild.width=parseInt(this.dS.width);
this.ary[zxc1].firstChild.height=parseInt(this.dS.height);
} }}
function zxcSteps(zxcstps,zxcsary){
zxctary=[];
for (zxc1=0;zxc1<zxcstps;zxc1++){
zxctary[zxc1]=Math.floor(Math.abs((zxcsary[2]-zxcsary[3])/(zxcstps-1))*zxc1+Math.min(zxcsary[2],zxcsary[3]))
}
if (zxcsary[2]>zxcsary[3]){ zxctary=zxctary.reverse(); }
return zxctary
}
function zxcOpacity(zxc,zxcop){
if (zxcop<0||zxcop>100){ return; }
if (zxc.MozOpacity!=null){ zxc.MozOpacity=(zxcop/100)-.001; }
else if (zxc.opacity!=null){ zxc.opacity=(zxcop/100)-.001; }
else if (zxc.filter!=null){ zxc.filter = 'alpha(opacity='+zxcop+')';    }
else if (zxc.KHTMLOpacity!=null){ zxc.KHTMLOpacity=(zxcop/100)-.001; }
}
function zxcGradientColors(zxcc1,zxcc2,zxcary) {
zxclen=zxcary.length;
zxcc1=zxcc1.replace('#',''); zxcc2=zxcc2.replace('#','');
var zxcr=zxcHexToInt(zxcc1.substring(0,2));
var zxcg=zxcHexToInt(zxcc1.substring(2,4));
var zxcb=zxcHexToInt(zxcc1.substring(4,6));
var zxcr2=zxcHexToInt(zxcc2.substring(0,2));
var zxcg2=zxcHexToInt(zxcc2.substring(2,4));
var zxcb2=zxcHexToInt(zxcc2.substring(4,6));
var zxcrstep=Math.round((zxcr2-zxcr)/zxclen);
var zxcgstep=Math.round((zxcg2-zxcg)/zxclen);
var zxcbstep=Math.round((zxcb2-zxcb)/zxclen);
for (zxc0=0;zxc0<zxclen-1;zxc0++){
zxcary[zxc0]="#"+zxcIntToHex(zxcr)+zxcIntToHex(zxcg)+zxcIntToHex(zxcb);
zxcr+=zxcrstep; zxcg+=zxcgstep; zxcb+=zxcbstep;
}
zxcary[zxclen-1]='#'+zxcc2;
}
function zxcIntToHex(zxcn){
if (zxcn>255){zxcn=255; }
if (zxcn<0){zxcn=0; }
var zxcresult=zxcn.toString(16);
if (zxcresult.length==1){ zxcresult="0"+zxcresult; }
return zxcresult;
}
function zxcHexToInt(zxchex){
return parseInt(zxchex,16);
}
</SCRIPT>

Эффекты просмотра фото

Пример создания сайта
Размещение сайта в Интернете
Раскрутка сайта в Интернете
Заработок в Интернете
Visual Basic 6.0 с примерами
VBScript
Руководство по C++
JavaScript
Анимация в формате GIF
Вставка видео SWF в сайт.
Пиктограмма сайта (favicon)