js顶部自动伸缩广告

  
    
< script type = " text/javascript " >

var intervalId = null ;

function slideAd(id,nStayTime,sState,nMaxHth,nMinHth){

this .stayTime = nStayTime * 500 || 3000 ;

this .maxHeigth = nMaxHth || 530 ;

this .minHeigth = nMinHth || 2.5 ;

this .state = sState || " down " ;

var obj = document.getElementById(id);

if (intervalId != null )window.clearInterval(intervalId);

function openBox(){

var h = obj.offsetHeight;

obj.style.height
= (( this .state == " down " ) ? (h + 9 ) : (h - 9 )) + " px " ;

if (obj.offsetHeight > this .maxHeigth){

window.clearInterval(intervalId);

intervalId
= window.setInterval(closeBox, this .stayTime);

}

if (obj.offsetHeight < this .minHeigth){

window.clearInterval(intervalId);

obj.style.display
= " none " ;

}

}

function closeBox(){

slideAd(id,
this .stayTime, " up " ,nMaxHth,nMinHth);

}

intervalId
= window.setInterval(openBox, 30 );

}

< / script>

< div id = " MyMoveAd " style = " background:#ffffff;height:1px;overflow:hidden; " >

< a href = " /view/html/tyyc.html " target = " _blank " >< img src = " /AttchMap/31682/aa.jpeg " border = " 0 " width = " 778px "/ >< / a >

< / div>

< script type = " text/javascript " >

slideAd(
' MyMoveAd ' , 5 );

< / script>

 

  
    
*************************************

可手动打开的顶部伸缩广告

*************************************

< SCRIPT language = javascript type = text / javascript>

var hmax = 625 - 1 ; // 最大高度

var hmin = 25 ; // 最小高度

var h = 0 ;

function addCount(){

if (h < hmax){

h
+= 20 ;

setTimeout(
" addCount() " , 1 );

}

else {

h
= hmax;

setTimeout(
" noneAds() " , 3000 ); // 停留时间自己适当调整 1000 = 1秒

document.getElementById(
" adsOPEN " ).style.display = " none " ;

}

document.getElementById(
" ads " ).style.display = "" ;

document.getElementById(
" ads " ).style.height = h + " px " ;

}

window.onload
= function showAds(){

document.getElementById(
" ads " ).style.display = " none " ;

document.getElementById(
" ads " ).style.height = " 0px " ;

addCount();
// 慢慢打开

// h=hmax;

// setTimeout("noneAds()",3000); //停留时间自己适当调整 1000 = 1秒

}

function openAds(){

h
= 0 ; // 高度

addCount();
// 慢慢打开

}

function noneAds(){

if (h > hmin) {

h
-= 20 ;

setTimeout(
" noneAds() " , 1 );

}

else {

h
= hmin;

document.getElementById(
" ads " ).style.display = " none " ;

document.getElementById(
" adsOPEN " ).style.display = "" ;

return ;

}

document.getElementById(
" ads " ).style.height = h + " px " ;

}

< / SCRIPT>

< DIV id = ads style = " OVERFLOW: hidden; TOP: 0px; TEXT-ALIGN: center;display:none " >

< IMG src = " http://www.0898hn.net/_temp/ad-index-qunshang.jpg " >

< / DIV>

< DIV id = adsOPEN style = " OVERFLOW: hidden; TEXT-ALIGN: center " >

< A href = " javascript:openAds() " >< IMG src = " http://www.0898hn.net/_temp/ad-index-qunshang-open.gif " border = 0 >< / A>

< / DIV>

 

  
    
< html >

< head >

< title > 伸缩广告条 < / title>

< script language = " javascript " type = " text/javascript " >

<!--

var checktopAds = false ;

function open_chk_show(){

if ( ! checktopAds){

var anim = function (){

n
+= 5 ;

if (n >= 45 ){

document.getElementById(
' topAds_chk_show ' ).style.marginTop = " 0 " ;

window.clearInterval(t1);

}

else {

document.getElementById(
' topAds_chk_show ' ).style.marginTop = " - " + ( 45 - n) + " px " ;

}

},n
= 0 ;

var t1 = window.setInterval(anim, 80 );

}

}

function close_chk_show(){

var anim = function (){

n
+= 5 ;

if (n >= 45 ){

document.getElementById(
' topAds_chk_show ' ).style.marginTop = " -45px " ;

window.clearInterval(t1);

}

else {

document.getElementById(
' topAds_chk_show ' ).style.marginTop = " - " + n + " px " ;

}

},n
= 0 ;

var t1 = window.setInterval(anim, 80 );

}

window.onload
= function (){

open_chk_show()

window.setTimeout(
' close_chk_show() ' , 5000 )

}

// -->

< / script>

< style type = " text/css " >

body{margin:0px; text
- align:center}

div#topAds_chk_show{margin:auto; overflow:hidden; width:956px;}

img#img_navi01,img#img_navi02{border:0px;height:40px;
float :left}

p{font:Arial 14px}

< / style>

< / head>

< body >

< div id = " topAds_chk_show " style = " display:block; " >

< img id = " img_navi01 " src = " taobao/shou3.gif " style = " width:800px; " >

< img id = " img_navi02 " src = " taobao/shou4.gif " alt = " 关闭 " style = " width:52px; cursor:pointer " onclick = " javascript:close_chk_show(); " >

< / div>

< p > 5秒后回缩

< / body>

< / html>

 

你可能感兴趣的:(js)