【PJ个性使用】顶部右侧显示图片banner的方法-游戏|阿曼德&心路

Oct

【PJ个性使用】顶部右侧显示图片banner的方法

发布:懒猫儿 | 分类:游戏 | 评论:0 | 引用:0 | 浏览:

先说效果。请抬眼看本站顶部右侧的那个在闪动的图，就是这个效果。
再说不足。就是还没有实现绝对定位，分辨率变了，图片的位置还会变化，一直没有去研究，算一个半成品。
如果不介意这个缺点，那么你再接着往下看。

1、header.asp中，找到，在它前面加以下代码：

    <style type=text/css> 
          #Layer1 {position:absolute;top:0px;left:0px;width:10px;height:1px;z-index:1;}
          #topimg {position:absolute;background-color:#DEEFF7;width:468px;height:60px;left:480px;top:70px;z-index:2;cursor:hand;}
          #top1   {top:125px;}     
      </style>

2、header.asp，找到 <%=CategoryList(0)%>，替换成以下代码：

    <div id=Layer1>
              <a href=图片链接 target=_blank><div id=topimg><img src=图片地址 style=padding:4px;width:468px;height:60px;></div></a>  
      </div>
      <div id=top1><%=CategoryList(0)%></div>

关于绝对定位，如果你知道代码的问题，或者知道如何调整，可以让它不管在什么分辨率下都不动的话，欢迎指点。