这个有立体感的链接选单可固守在一定位置。

安装

步骤一  下载liti_xuandan.js和liti_xuandan.css，然后放置在与网页相同的文件夹内。

步骤二  拷贝以下脚本后贴在有关网页的<head></head>之间。

    
<script language="JavaScript" src="liti_xuandan.js"></script> <link rel="StyleSheet" href="liti_xuandan.css" type="text/css">

步骤三  拷贝以下脚本贴在网页最靠近<body>之下。

    
<div class=link id=tou1 style="visibility:hidden"> <div class=title>选单一</div> <a href="1.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接一</div></a> <a href="2.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接二</div></a> <a href="3.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接三</div></a> <a href="4.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接四</div></a> <a href="5.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接五</div></a> <br><br> <div class=title>选单二</div> <a href="1.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接一</div></a> <a href="2.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接二</div></a> <a href="3.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接三</div></a> <a href="4.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接四</div></a> <a href="5.html" target="_blank"><div class=divlink onmouseover="this.className='lianjielujing';" onmouseout="this.className='divlink';">链接五</div></a> </div>

 

步骤四  把下列代码放置在<body>的标记内。

onload="init('tou1')

样板：

<body onload="init('tou1')>