新浪博客 新浪博客 > 能走后门 >  正文  打印

导航栏的源代码<新浪博客时下最流行的导航栏代码>(精品)


http://blog.sina.com.cn 2006年04月21日12:49 清无门主
标签:
 
1*固定定位静态连接栏<把这个连接栏定位在横幅下最好>(此代码为转载,作者不明)
<DIV style="LEFT: 165px; POSITION: absolute; TOP: 194px">
<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>
<TBODY>
<TR>
<TD>
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>这里填写导航文字</FONT></A>
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>这里填写导航文字</FONT></A>
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>这里填写导航文字</FONT></A>
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>这里填写导航文字</FONT></A>
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>这里填写导航文字</FONT></A>
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>这里填写导航文字</FONT></A>
</TD></TR></TBODY></TABLE><A href="http://blog.sina.com.cn/m/kongfu" target=_blank>.</A></DIV>

2*固定定位滚动连接栏<这个随便定位在网页的某个部位都行>

(注意:此代码为 精武门主 原创,转载请注明)

<DIV style="RIGHT: 300px; POSITION: absolute; TOP: 190px">
<TABLE cellSpacing=0 cellPadding=0 width=550 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollDelay=120 border="0" align="middle">
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff0000>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#0000ff>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff9900>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff99ff>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff0000>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff0000>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#00ff40>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#660099>此处填写链接标题</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#660099>此处填写链接标题</FONT></A>
</MARQUEE></TD></TR></TBODY></TABLE><A href="http://blog.sina.com.cn/m/kongfu" target=_blank>.</A></DIV>

3*悬浮定位滚动连接栏<这个链接栏可以随着滚动条上下滚动,浏览者无法摆脱>

(注意:此代码为 精武门主 原创,转载请注明)

<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT: expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-980); BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; POSITION: absolute; ; TOP: expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-200); TEXT-ALIGN: center">
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollDelay=120 border="0" align="middle">
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff0000>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#0000ff>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff9900>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff99ff>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff0000>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff00ff>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#ff0000>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#00ff40>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#660099>此处填写链接</FONT></A> 
<A href="此处填写连接地址" target=_blank>
<FONT color=#660099>此处填写链接</FONT></A>
</MARQUEE></TD></TR></TBODY></TABLE><A href="http://blog.sina.com.cn/m/kongfu" target=_blank>.</A></DIV>
代码说明:
可以根据自己的需要来增加或减少代码中的每一组:如下:
<A href="此处填写连接地址" target=_blank><FONT color=#ff00ff>这里填写导航文字</FONT></A>
width=550 为导航栏的宽度.(可自行调节)
<FONT color=#ff00ff>字体的颜色.(可以自己调解)
LEFT: 165px表示导航栏距离屏幕右边缘的距离.(可以自己调解)
TOP: 194px 表示导航栏距离屏幕上边缘的距离.(可以自己调解)

文章来源:http://blog.sina.com.cn/s/blog_47153aeb010002zd.html