html5鼠标滑过边框内外发亮,JS实现鼠标滑过显示边框的菜单效果

本文实例讲述了JS实现鼠标滑过显示边框的菜单效果。分享给大家供大家参考，具体如下：

JS鼠标滑过显示边框菜单

.menulines{

border:1px solid white;

}

.menulines a{

text-decoration:none;

color:red;

}

function borderize(what,color){

what.style.borderColor=color

}

function borderize_on(e){

if (document.all)

source3=event.srcElement

else if (document.getElementById)

source3=e.target

if (source3.className=="menulines"){

borderize(source3,"black")

}

else{

while(source3.tagName!="TABLE"){

source3=document.getElementById? source3.parentNode : source3.parentElement

if (source3.className=="menulines")

borderize(source3,"black")

}

}

}

function borderize_off(e){

if (document.all)

source4=event.srcElement

else if (document.getElementById)

source4=e.target

if (source4.className=="menulines")

borderize(source4,"white")

else{

while(source4.tagName!="TABLE"){

source4=document.getElementById? source4.parentNode : source4.parentElement

if (source4.className=="menulines")

borderize(source4,"white")

}

}

}

导航菜单

网页特效

学习教程

网页素材

软件下载

平面设计

希望本文所述对大家JavaScript程序设计有所帮助。