| 项目搜索 |
| |
|
代码片段库:
查看代码片段
浏览
| 提交新的代码片段
| 创建代码包
浮动顶层的菜单2
|
类型:
Full Script |
类别:
HTML Manipulation
|
许可证:
GNU General Public License |
语言:
JavaScript
|
描述:
浮动顶层的菜单2
|
该代码片段的版本系列:
片段ID |
下载版本 |
提交时间 |
提交人 |
删除 |
4611 | 1.0 | 2003-10-13 21:39 | cbd001 | |
点击"下载版本"来下载该代码片段.
最新版本的代码片段: 1.0
浮动顶层的菜单2[修改文字及链接地址][共2步]
====1、将以下代码加入到HTML的<head></head>之间:
<script language="javascript">
<!--
function stat(){
var a = pageYOffset+window.innerHeight-document.bar.document.height-15
document.bar.top = a
setTimeout('stat()',2)
}
function fix(){
nome=navigator.appName
if(nome=='Netscape'){
stat()
}
else{
var a=document.body.scrollTop+document.body.clientHeight-document.all.bar.offsetHeight+15
bar.style.top = a
}}
//-->
</script>
====2、将以下代码加入HTML的<body></body>之间:
<body onLoad='fix()' onScroll="fix()" onResize="fix()"> //这一行不要忘记写
/*span标签内放入一个TABLE,里面就是你的站点连接菜单,用TABLE的目的是比较容易控制布局。你
可以自由修改下一行的代码,修正菜单出现的绝对位置。 */
<span id="bar" style="position:absolute; left:68px; top:455px; width:614px; height:45px; z-index:9" >
<table border="1" hspace="1" cellpadding="1" bordercolor="#000000" bgcolor="#FFFFFF">
<tr align="center">
<td width="190"> <a href="index.html">回到首页 </a></td>
<td width="147"> <a href="newscript.htm">最新更新页</a></td>
<td width="96"> <a href="http://qdjacky.126.htm">梦想软件</a></td>
<td width="158"> <a href="http://qdjacky.126.com" target="_blank">梦想软件</a>
</td>
</tr>
</table>
</span>
如果您修改了一个代码片段并且觉得很应该让别人共享,您可以把这作为这个代码片段的最新版本提交上来. |
|