网络时空 | 网页特效

您现在的位置：首页

导航菜单

文本扩展下拉菜单

特效说明

点击文字就会象下拉菜单一样出现站点导航连接

特

效

代

码

<style>
.iewrap1{
position:relative;
height:30px;
; font-family: "宋体"; font-size: 9pt}
.iewrap2{
position:absolute;
; font-family: "宋体"; font-size: 9pt}
#dropmenu0, #dropmenu1{
visibility:hide;
z-index:100;}
#dropmenu0 { font-family: "宋体" ; font-size: 9pt}
#dropmenu1 { font-family: "宋体" ; font-size: 9pt}
</style>
<script language="JavaScript">
var zindex=100
function dropit2(whichone){
if (window.themenu&&themenu.id!=whichone.id)
themenu.style.visibility="hidden"
themenu=whichone
if (document.all){
themenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX
themenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18
if (themenu.style.visibility=="hidden"){
themenu.style.visibility="visible"
themenu.style.zIndex=zindex++}
else{
hidemenu()}}}
function dropit(e,whichone){
if (window.themenu&&themenu.id!=eval(whichone).id)
themenu.visibility="hide"
themenu=eval(whichone)
if (themenu.visibility=="hide")
themenu.visibility="show"
else
themenu.visibility="hide"
themenu.zIndex++
themenu.left=e.pageX-e.layerX
themenu.top=e.pageY-e.layerY+19
return false}
function hidemenu(whichone){
if (window.themenu)
themenu.style.visibility="hidden"}
function hidemenu2(){
themenu.visibility="hide"}
if (document.all)
document.onclick=hidemenu
</script>
<ilayer height=35px>
<layer visibility=show>
<span class=iewrap1>
<span class=iewrap2 onClick="dropit2(dropmenu0);event.cancelBubble=true;return false"><font face=宋体><a href="#" onClick="if(document.layers) return dropit(event, 'document.dropmenu0')">友情链接列表</a></font>
</span>
</span>
</layer>
</ilayer><br>
<div id=dropmenu0 style="position: absolute; left: -270; top: 21; visibility: hidden; width: 499; height: 19; border: 0px solid black; padding: 0px">         
<script language="JavaScript">
var menu1=new Array()
menu1[0]='<a target="_blank" href="http://www.sina.com.cn">新浪首页</a><br>'
menu1[1]='<a target="_blank" href="http://www.sohu.com">搜狐首页</a><br>'
menu1[2]='<a target="_blank" href="http://freemail.china.com">中 华 网</a><br>'
menu1[3]='<a target="_blank" href="http://www.the9.com">第九城市</a><br>'
menu1[4]='<a target="_blank" href="http://www.yesky.com">天 极 网</a><br>'
menu1[5]='<a target="_blank" href="http://61.156.17.126/">闪客帝国</a><br>'
if (document.all)
dropmenu0.style.padding="4px"
for (i=0;i<menu1.length;i++)
document.write(menu1[i])

</script>
</div>
<script language="JavaScript">
if (document.layers){
document.dropmenu0.captureEvents(Event.CLICK)
document.dropmenu0.onclick=hidemenu2}
</script>

@_⌒ 特效预览 @_⌒

友情链接列表