像163网站顶部展出的大幅广告

系统 1498 0
<!-- Feedsky FEED发布代码开始 --> <!-- FEED自动发现标记开始 --> 点击这里使用RSS订阅本Blog: <link rel="alternate" href="http://feed.feedsky.com/softwave" type="application/rss+xml" title="RSS 2.0"> <!-- FEED自动发现标记结束 --><script language="javascript"><!-- main_sub="c1s67"; more_subs=""; --> </script><script language="javascript" src="http://www.feedsky.com/jsout/publishlist_v2.js?burl=softwave&amp;out_html=true"></script><!-- Feedsky FEED发布代码结束 -->

163网易顶部动态展开的广告效果

转自http://bbs.blueidea.com/thread-2773857-1-1.html,演示效果请参见 这里

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< title > 像163网站顶部展出的大幅广告-wsoul.net </ title >
< script type ="text/javascript" language ="javascript" > ...
var time = 500 ;
var h = 0 ;
function addCount()
... {
if (time > 0 )
... {
time
-- ;
h
= h + 5 ;
}

else
... {
return ;
}

if (h > 500 ) // 高度
... {
return ;
}

document.getElementById(
" ads " ).style.display = "" ;
document.getElementById(
" ads " ).style.height = h + " px " ;
setTimeout(
" addCount() " , 30 );
}


window.onload
= function showAds()
... {
addCount();
setTimeout(
" noneAds() " , 7000 ); // 停留时间自己适当调整
}

</ script >

< script type ="text/javascript" language ="javascript" > ...
var T = 500 ;
var N = 500 ; // 高度
function noneAds()
... {
if (T > 0 )
... {
T
-- ;
N
= N - 5 ;
}

else
... {
return ;
}

if (N < 0 )
... {
document.getElementById(
" ads " ).style.display = " none " ;
return ;
}


document.getElementById(
" ads " ).style.height = N + " px " ;
setTimeout(
" noneAds() " , 30 );
}

</ script >
</ head >
< body >
< form id ="form1" runat ="server" >
< div id ="ads" style ="margin:auto;display:none;width:900px;top:0px;height:0px;border:solid1px#000;background-color:#fafafa;overflow:hidden;text-align:center;" >
< img src ="http://gg.blueidea.com/desk/2007/004.jpg" width ="900" height ="500" alt ="" />
</ div >
< div style ="margin:auto;width:900px;height:200px;border:solid1px#000;background-color:#fafafa;text-align:center;" >
网站主体内容
</ div >
</ form >
</ body >
</ html >

<!-- Google Reader shared发布代码开始 --> <script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p(%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D)%3Bnew%20GRC"></script><!-- Google Reader shared发布代码结束 -->

像163网站顶部展出的大幅广告


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论