导航(页 1) - DreamWeaver - 中国教程网论坛互助学习交流平台

yueyehun 发表于 2009-11-18 12:24

看了一下，相关的代码大概就是这一段吧[code]
  <style>
.gzMenu ul{background:#27A0DC url(http://img1.cache.netease.com/sports/yayun/cn/img/gzbg04.jpg) no-repeat right bottom;
clear:both; padding-bottom:74px; display:block; width:160px;}
.gzMenu ul li{float:right;}
</style>

  <script language="JavaScript" type="text/javascript">
var percent;
lastScrollY=0;
function menuBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}

//alert(diffY);
percent=.1*(diffY-lastScrollY);
percent=(percent>0?1:-1)*Math.ceil(Math.abs(percent));
if(lastScrollY<250)document.getElementById("yymenu").style.top=0+"px";
else if(lastScrollY<document.body.offsetHeight-750)document.getElementById("yymenu").style.top=parseInt(document.getElementById("yymenu").style.top)+percent+"px";
lastScrollY+=percent;
}
//
window.setInterval("menuBeat()",1);
  </script>
<div class="gzMenu" style="position:relative;">
<ul id="yymenu" style="right:0px;position:absolute;top:0px;">
<li class="d1"><h3><a href="http://www.gz2010.cn">亚运首页</a></h3></li>
<li class="d2"><h3><a href="http://www.gz2010.cn/special/0078000M/organizer_gz.html">广州亚组委</a></h3></li>
<li class="d3"><h3><a href="http://www.gz2010.cn/special/0078000L/news.html">新闻中心</a></h3></li>
<li class="d4"><h3><a href="http://www.gz2010.cn/special/00780013/yycb.html">亚运筹备</a></h3></li>
<li class="d5"><h3><a href="http://www.gz2010.cn/special/0078009A/jszz.html">竞赛组织</a></h3></li>
<li class="d6"><h3><a href="http://www.gz2010.cn/special/0078009E/yycg.html">比赛场馆</a></h3></li>

<li class="d7"><h3><a href="http://www.gz2010.cn/special/0078009K/shchkf.html">市场开发</a></h3></li>
<li class="d8"><h3><a href="http://www.gz2010.cn/special/00780073/zyz.html">志愿者</a></h3></li>
<li class="d9"><h3><a href="http://www.gz2010.cn/special/0078001G/xqjg.html">形象景观</a></h3></li>
<li class="d10"><h3><a href="http://www.gz2010.cn/special/0078001N/gzcy.html">公众参与</a></h3></li>
<li class="d11"><h3><a href="http://www.gz2010.cn/special/00780026/guangzhou.html">魅力广州</a></h3></li>
<li class="d12"><h3><a href="http://www.gz2010.cn/special/00780022/yybk.html">亚运百科</a></h3></li>
<li class="d13"><h3><a href="http://www.gz2010.cn/special/0078009R/pic.html">图片中心</a></h3></li>
<li class="d14"><h3><a href="http://www.gz2010.cn/special/0078009S/video2010.html">视频中心</a></h3></li>
<li class="d15"><h3><a href="http://www.gz2010.cn/special/0078002C/fdmove.html">互动专区</a></h3></li>

<li class="d16"><h3><a href="http://www.gz2010.cn/special/007800I0/ztall.html">专题中心</a></h3></li>
<li class="d17"><h3><a href="http://www.gz2010.cn/lounge/">亚运会客厅</a></h3></li>
</ul>
</div>
[/code]

yueyehun 发表于 2009-11-19 09:40

嗯谢谢对我来说上面那些代码我只看懂一点暂时还不能全明白呵呵

页: [1]

中国教程网论坛's Archiver

导航