注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

轮换广告代码  

2010-03-03 20:42:33|  分类: 网页广告 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
  
轮换广告代码01
 

<script LANGUAGE="javascript">
<!--
var cpAD=new Array();
var cpADlink=new Array();
var cpADmsg=new Array();
//定义了5个数组
var adNum=5;
var coll=0;

//图片及链接的网址

cpAD[0]="http://www.webjx.com/htmldata/2005-11-26/banners/mba.gif";  //图片地址
cpADlink[0]="
http://www.webjx.com/htmldata/2005-11-26/ad/1.html";      //链接网址
cpADmsg[0]="1";                                                                                //编号

cpAD[1]="http://www.webjx.com/htmldata/2005-11-26/banners/google.gif";
cpADlink[1]="
http://www.webjx.com/htmldata/2005-11-26/ad/2.html"
cpADmsg[1]="2";

cpAD[2]="http://www.webjx.com/htmldata/2005-11-26/banners/2005.gif";
cpADlink[2]="
http://www.webjx.com/htmldata/2005-11-26/ad/3.html";
cpADmsg[2]="3";

cpAD[3]="http://www.webjx.com/htmldata/2005-11-26/banners/cz8y.gif";
cpADlink[3]="
http://www.webjx.com/htmldata/2005-11-26/ad/4.html";
cpADmsg[3]="4";

cpAD[4]="http://www.webjx.com/htmldata/2005-11-26/banners/JG_YUEDU.gif";
cpADlink[4]="
http://www.webjx.com/htmldata/2005-11-26/ad/5.html";
cpADmsg[4]="5";

var preloadedimages=new Array();
for (i=1;i<cpAD.length;i++){
preloadedimages[i]=new Image();
preloadedimages[i].src=cpAD[i];
}

//网址跳转的函数
function jump2url()
{
jumpUrl=cpADlink[adNum];
jumpTarget='_blank';
if (jumpUrl != '')
{
        if (jumpTarget != '')
                window.open(jumpUrl,jumpTarget);
        else location.href=jumpUrl;
        }
}

//自动播放点播图的函数
function changeimg(n)
{
        adNum=n;
        switch(adNum)
        {
        case 0:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1-2.gif";     
                window.img2.src="http://www.webjx.com/htmldata/2005-1126/banners/2.gif";
                window.img3.src="http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
        case 1:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2-2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
        case 2:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3-2.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
                case 3:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4-2.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
                case 4:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5-2.gif";
                break;
        }
        }
        window.clearInterval(theTimer);
        adNum=adNum-1;
        nextAd();
}

//点击播放点播图的函数

function nextAd(){
coll++;
if(coll>1)
{
switch(adNum+1)
{
        case 5:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1-2.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
        case 1:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2-2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
        case 2:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3-2.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
        case 3:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4-2.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5.gif";
                break;
        }
    case 4:
        {
                window.img1.src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif";
                window.img2.src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif";
                window.img3.src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif";
                window.img4.src="
http://www.webjx.com/htmldata/2005-11-26/banners/4.gif";
                window.img5.src="
http://www.webjx.com/htmldata/2005-11-26/banners/5-2.gif";
                break;
        }
}
}
if(adNum<cpAD.length-1)adNum++ ;
else adNum=0;
setTransition();
document.images.cpADrush.src=cpAD[adNum];
playTransition();
displayStatusMsg();
//定义了轮换时间 5s
theTimer=setTimeout("nextAd()", 5000);
}

function setTransition(){
if (document.all){
cpADrush.filters.revealTrans.Transition=23;
cpADrush.filters.revealTrans.apply();
}

}
function playTransition(){
if (document.all)
cpADrush.filters.revealTrans.play()
}
function displayStatusMsg() {
status=cpADmsg[adNum];
document.returnValue = true;
}
//结束
// -->

</script>

<table height="148" cellspacing="0" cellpadding="0">
              <tr>
                <td> <a href="javascript:jump2url()"> <img style="FILTER: revealTrans(duration=2,transition=23)" height="150" src width="575" border="0" name="cpADrush"></a></td>
                <script language="JavaScript">nextAd()</script>
              </tr>
              <tr>
                <td>
                  <table width="575"  name="T1" id="T1" border="0" cellspacing="1" cellpadding="0">
                    <tr>
                      <td align="right"><img src="
http://www.webjx.com/htmldata/2005-11-26/banners/dh_bg.gif" width="178" height="16"></td>
                      <td width="20"><a href="#" onMouseOver="changeimg(0)"><img name="Image2"  id="img1" border="0" src="
http://www.webjx.com/htmldata/2005-11-26/banners/1.gif" width="20" height="16" onClick="changeimg(0)"></a></td>
                      <td width="20"><a href="#" onMouseOver="changeimg(1)"><img name="Image3" id="img2" border="0" src="
http://www.webjx.com/htmldata/2005-11-26/banners/2.gif" width="20" height="16" onClick="changeimg(1)"></a></td>
                      <td width="20"><a href="#" onMouseOver="changeimg(2)"><img name="Image4" id="img3" border="0" src="
http://www.webjx.com/htmldata/2005-11-26/banners/3.gif" width="20" height="16" onClick="changeimg(2)"></a></td>
                      <td width="20"><a href="#" onMouseOver="changeimg(3)"><img name="Image5" id="img4" border="0" src="http://www.webjx.com/htmldata/2005-11-26/banners/4.gif" width="20" height="16" onClick="changeimg(3)"></a></td>
                      <td width="20"><a href="#" onMouseOver="changeimg(4)"><img name="Image6" id="img5" border="0" src="http://www.webjx.com/htmldata/2005-11-26/banners/5.gif" width="20" height="16" onClick="changeimg(4)"></a></td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>

 
效果演示            说明:以上连接均为绝对地址,如在一个网站可改为相对地址。 

 

 

轮换广告代码02 
 

<style type="text/css">
*{ margin:0; padding:0; word-break:break-all; }
a { color:#039; text-decoration:none; }
a:hover { text-decoration:underline; }
ul, li { list-style:none; }
fieldset, img { border:none; }
em, strong, cite, th { font-style:normal; font-weight:normal; }
#focus_change { position:relative; width:450px; height:295px; overflow:hidden; margin:20px 0 1px 60px; }
#focus_change_list { position:absolute; width:1800px; height:295px; }
#focus_change_list li { float:left; }
#focus_change_list li img { width:450px; height:295px; }
.focus_change_opacity { position:absolute; width:450px; height:70px; top:225px; left:0; background:#000; filter:alpha(opacity=50); -moz-

opacity:0.5; opacity: 0.5; }
#focus_change_btn { position:absolute; width:450px; height:65px; top:225px; left:0; }
#focus_change_btn ul { padding-left:5px; }
#focus_change_btn li { display:inline; float:left; margin:0 15px; padding-top:12px; }
#focus_change_btn li img { width:76px; height:50px; border:2px solid #888; }
#focus_change_btn .current { background:url(/uploadfile/200901/1/6C164133877.gif) no-repeat 37px 8px;}
#focus_change_btn .current img { border-color:#EEE; }
</style>

<script type="text/javascript">
function $(id) { return document.getElementById(id); }
function moveElement(elementID,final_x,final_y,interval) {
if (!document.getElementById) return false;
if (!document.getElementById(elementID)) return false;
var elem = document.getElementById(elementID);
if (elem.movement) {
clearTimeout(elem.movement);
}
if (!elem.style.left) {
elem.style.left = "0px";
}
if (!elem.style.top) {
elem.style.top = "0px";
}
var xpos = parseInt(elem.style.left);
var ypos = parseInt(elem.style.top);
if (xpos == final_x && ypos == final_y) {
return true;
}
if (xpos < final_x) {
var dist = Math.ceil((final_x - xpos)/10);
xpos = xpos + dist;
}
if (xpos > final_x) {
var dist = Math.ceil((xpos - final_x)/10);
xpos = xpos - dist;
}
if (ypos < final_y) {
var dist = Math.ceil((final_y - ypos)/10);
ypos = ypos + dist;
}
if (ypos > final_y) {
var dist = Math.ceil((ypos - final_y)/10);
ypos = ypos - dist;
}
elem.style.left = xpos + "px";
elem.style.top = ypos + "px";
var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")";
elem.movement = setTimeout(repeat,interval);
}
function classNormal(){
var focusBtnList = $('focus_change_btn').getElementsByTagName('li');
for(var i=0; i<focusBtnList.length; i++) {
focusBtnList[i].className='';
}
}
function focusChange() {
var focusBtnList = $('focus_change_btn').getElementsByTagName('li');
focusBtnList[0].onmouseover = function() {
moveElement('focus_change_list',0,0,5);
classNormal()
focusBtnList[0].className='current'
}
focusBtnList[1].onmouseover = function() {
moveElement('focus_change_list',-450,0,5);
classNormal()
focusBtnList[1].className='current'
}
focusBtnList[2].onmouseover = function() {
moveElement('focus_change_list',-900,0,5);
classNormal()
focusBtnList[2].className='current'
}
focusBtnList[3].onmouseover = function() {
moveElement('focus_change_list',-1350,0,5);
classNormal()
focusBtnList[3].className='current'
}
}
setInterval('autoFocusChange()', 5000);
var atuokey = false;
function autoFocusChange() {
$('focus_change').onmouseover = function(){atuokey = true}
$('focus_change').onmouseout = function(){atuokey = false}
if(atuokey) return;
var focusBtnList = $('focus_change_btn').getElementsByTagName('li');
for(var i=0; i<focusBtnList.length; i++) {
if (focusBtnList[i].className == 'current') {
var currentNum = i;
}
}
if (currentNum==0 ){
moveElement('focus_change_list',-450,0,5);
classNormal()
focusBtnList[1].className='current'
}
if (currentNum==1 ){
moveElement('focus_change_list',-900,0,5);
classNormal()
focusBtnList[2].className='current'
}
if (currentNum==2 ){
moveElement('focus_change_list',-1350,0,5);
classNormal()
focusBtnList[3].className='current'
}
if (currentNum==3 ){
moveElement('focus_change_list',0,0,5);
classNormal()
focusBtnList[0].className='current'
}
}
window.onload=function(){
focusChange();
}
</script>

<div id="focus_change">
<div id="focus_change_list" style="top:0; left:0;">
<ul>
<li><a href="http://xuhui-8491.blog.163.com/"target=_blank><img src="http://www.webjx.com/files/090207/1_213935.jpg" alt="" /></a></li>
<li><a href="http://xuhui-8491.blog.163.com/"target=_blank><img src="http://www.webjx.com/files/090207/1_213944.jpg" alt="" /></a></li>
<li><a href="http://xuhui-8491.blog.163.com/"target=_blank><img src="http://www.webjx.com/files/090207/1_213952.jpg" alt="" /></a></li>
<li><a href="http://xuhui-8491.blog.163.com/"target=_blank><img src="http://www.webjx.com/files/090207/1_214001.jpg" alt="" /></a></li>
</ul>
</div>
<div class="focus_change_opacity"></div>
<div id="focus_change_btn">
<ul>
<li class="current"><a href="http://xuhui8491.56.com"target=_blank><img src="http://www.webjx.com/files/090207/1_214008.jpg" alt=""
/></a></li>
<li><a href="http://xuhui8491.56.com"target=_blank><img src="http://www.webjx.com/files/090207/1_214016.jpg" alt="" /></a></li>
<li><a href="http://xuhui8491.56.com"target=_blank><img src="http://www.webjx.com/files/090207/1_214024.jpg" alt="" /></a></li>
<li><a href="http://xuhui8491.56.com"target=_blank><img src="http://www.webjx.com/files/090207/1_214032.jpg" alt="" /></a></li>
</ul>
</div>
</div><!--focus_change end-->

 
如要看到显示效果,请将代码复制粘贴到“运行代码框”中测试,即可! 
 
 
 
 
轮换广告代码03 
 

<style>
A {
 COLOR: #000; TEXT-DECORATION: none
}
A:hover {
 COLOR: #fff; TEXT-DECORATION: underline
}
.fpic {
 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 3; BACKGROUND: #fff;  BORDER-BOTTOM-WIDTH: 0px;

WIDTH: 476px; POSITION: relative; HEIGHT: 330px; BORDER-RIGHT-WIDTH: 0px;BORDER: #dddddd 1px solid;
text-align:center
}
.bpic {
 FLOAT: left; MARGIN: 0px; WIDTH: 244px; POSITION: relative; HEIGHT: 243px
}
#focpic {
 BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; LEFT: 1px; BORDER-BOTTOM-WIDTH: 0px; POSITION: absolute; TOP:

1px; BORDER-RIGHT-WIDTH: 0px
}
.thubpic {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-

TOP: 4px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
 PADDING-RIGHT: 0px; PADDING-LEFT: 4px; Z-INDEX: 20; PADDING-BOTTOM: 0px; WIDTH: 63px; CURSOR: pointer; PADDING-

TOP: 4px; TOP: 10px; HEIGHT: 49px
}
.thubpiccur {
 Z-INDEX: 30; BACKGROUND: url(icon/images20071220/arrow3.gif) no-repeat left 50%
}
.thubpic IMG {
 BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid; WIDTH: 56px; BORDER-

BOTTOM: #666 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
 BORDER-RIGHT: #666 3px solid; BORDER-TOP: #666 2px solid; BORDER-LEFT: #666 3px solid; WIDTH: 56px; BORDER-

BOTTOM: #666 2px solid; HEIGHT: 42px
}
.thubpiccur IMG {
 BORDER-LEFT-COLOR: #fff; BORDER-BOTTOM-COLOR: #fff; BORDER-TOP-COLOR: #fff; BORDER-RIGHT-COLOR: #fff
}
-->
</style>

<SCRIPT language=javascript>
var currslid = 0;
var slidint;
function setfoc(id){
 document.getElementById("focpic").src = picarry[id];
 document.getElementById("foclnk").href = lnkarry[id];
 document.getElementById("fttltxt").innerHTML = '<a href="'+lnkarry[id]+'" target="_blank">'+ttlarry[id]+'</a>';
 currslid = id;
 for(i=0;i<6;i++){
  document.getElementById("tmb"+i).className = "thubpic";
 };
 document.getElementById("tmb"+id).className ="thubpiccur";
 focpic.style.visibility = "hidden";
 focpic.filters[0].Apply();
 if (focpic.style.visibility == "visible") {
  focpic.style.visibility = "hidden";
  focpic.filters.revealTrans.transition=23;
 }
 else {
  focpic.style.visibility = "visible";
  focpic.filters[0].transition=23;
 }
 focpic.filters[0].Play();
 stopit();
}

function playnext(){
 if(currslid==5){
  currslid = 0;
 }
 else{
  currslid++;
 };
 setfoc(currslid);
 playit();
}
function playit(){
 slidint = setTimeout(playnext,4500);
}
function stopit(){
 clearTimeout(slidint);
 }
window.onload = function(){
 playit();
}
</SCRIPT>

<DIV class=fpic>
<A id=foclnk href="http://www.qpsh.com/" target=_blank><IMG id=focpic style="FILTER: RevealTrans ( duration = 1,transition=23 );
VISIBILITY: visible; POSITION: absolute" height=300 alt="" src="http://www.qpsh.com/icon/images20071220/01.jpg" width=400></A>
<DIV id=fttltxt
style="MARGIN-TOP: 305px; FLOAT: left; WIDTH: 400px; TEXT-ALIGN: center"><A
href="http://www.qpsh.com/" target=_blank>梦:牧场小屋</A></DIV>
<DIV style="MARGIN-LEFT: 402px; WIDTH: 65px">
<DIV class=thubpiccur id=tmb0 onmouseover=setfoc(0); onmouseout=playit();><A
href="http://www.qpsh.com/" target=_blank><IMG
src="http://www.qpsh.com/icon/images20071220/01.jpg" alt="" width=56 height=42 border="0"></A></DIV>
<DIV class=thubpic id=tmb1 onmouseover=setfoc(1); onmouseout=playit();><A
href="http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="http://www.qpsh.com/icon/images20071220/02.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb2 onmouseover=setfoc(2); onmouseout=playit();><A
href="http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="http://www.qpsh.com/icon/images20071220/03.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb3 onmouseover=setfoc(3); onmouseout=playit();><A
href="http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="http://www.qpsh.com/icon/images20071220/04.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb4 onmouseover=setfoc(4); onmouseout=playit();><A
href="http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="http://www.qpsh.com/icon/images20071220/05.jpg" width=56></A></DIV>
<DIV class=thubpic id=tmb5 onmouseover=setfoc(5); onmouseout=playit();><A
href="http://www.qpsh.com/" target=_blank><IMG height=45 alt=""
src="http://www.qpsh.com/icon/images20071220/06.jpg" width=56></A></DIV>
<SCRIPT language=javascript type=text/javascript>
var picarry = {};
var lnkarry = {};
var ttlarry = {};
picarry[0] = "http://www.qpsh.com/icon/images20071220/01.jpg";
lnkarry[0]  = "http://www.qpsh.com/";
ttlarry[0] = "梦:牧场小屋";
picarry[1] = "http://www.qpsh.com/icon/images20071220/02.jpg";
lnkarry[1]  = "http://www.qpsh.com/";
ttlarry[1] = "碎玉:回眸";
picarry[2] = "http://www.qpsh.com/icon/images20071220/03.jpg";
lnkarry[2]  = "http://www.qpsh.com/";
ttlarry[2] = "飞狐:豆花档";
picarry[3] = "http://www.qpsh.com/icon/images20071220/04.jpg";
lnkarry[3]  = "http://www.qpsh.com/";
ttlarry[3] = "牛说不哭:烈日下的建筑工人";
picarry[4] = "http://www.qpsh.com/icon/images20071220/05.jpg";
lnkarry[4]  = "http://www.qpsh.com/";
ttlarry[4] = "新疆瓦格:哈萨克族搭建毡房";
picarry[5] = "http://www.qpsh.com/icon/images20071220/06.jpg";
lnkarry[5]  = "http://www.qpsh.com/";
ttlarry[5] = "松间明月:汽车文化";
</SCRIPT>
</DIV> </DIV>

 
如要看到显示效果,请将代码复制粘贴到“运行代码框”中测试,即可! 

 

  评论这张
 
阅读(1658)| 评论(9)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017