可自动展开、收缩的广告效果

2009-8-27 - diyidu - 网页设计 - Views

分享一个广告展示的代码（非原创），支持自动展开、自动收缩，方向自上而下，适合放置于网站顶部，横幅黄金广告位。查看效果请直接点击“运行代码”按纽。欢迎纠错，欢迎收藏。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>可自动展开、收缩的广告效果</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <style type="text/css"> body{margin: 0;} img{border:0;width:512px;display: block;margin: auto;} #box, #bar{background: #fff;} #box{height:0;overflow: hidden;} </style> </head> <body> <div id="box"> <a href="#" title=""><img src="/UPLOAD/ad2.jpg" alt="" title="" /></a> </div> <div id="bar"> <a href="#" title=""><img src="/UPLOAD/ad1.jpg" alt="" title="" /></a> </div> <script type="text/javascript">  </script> </body> </html>
提示：您可以先修改部分代码再运行

关键词 // 网页设计广告设计效果演示
出处：低一度，链接：http://www.diyidu.cn/post/ad_show.html

上一篇：写了几段与“关键词”相关的代码下一篇：给写博赚钱的新手7点提示