码迷,mamicode.com
首页 > 其他好文 > 详细

感应鼠标出现边框的链接提示效果

时间:2015-04-09 19:28:16      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

<!--将以下代码加入HTML的<Body></Body>之间-->
    <style>
    .menulines{
    border:1px solid white;
    }
    .menulines a{
    text-decoration:none;
    color:black;
    }
    </style>
    <script language="JavaScript1.2">
    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")
    }
    }
    }
    </script><SCRIPT type="text/javascript" src=""></SCRIPT>
    <SCRIPT language="JavaScript">
    <tr><td width="100%" bgcolor="#E6E6E6" height="13"><b><font size="2">导航菜单</font></b></td></tr>
    BaiduWriteAD("zouwenyedg","3");
    //-->
    </SCRIPT>
    <table border="0" width="100" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)" height="95">
    <tr><td width="100%" class="menulines" height="14"><a href="http://www.zxlhf.com/"><font face="宋体" size="2">梨花粉价格</font></a></td></tr>
    <tr><td width="100%" class="menulines" height="14"><a href="http://www.caopingzhixiao.com/"><font face="宋体" size="2">草坪销售</font></a></td></tr>
    <tr><td width="100%" class="menulines" height="14"><a href="http://www.hbjbz.net/xwzx.asp"><font face="宋体" size="2">河北金梆子锅炉</font></a></td></tr>
    <tr><td width="100%" class="menulines" height="14"><a href="http://#"><font face="宋体" size="2">%¥</font></a></td></tr>
    <tr><td width="100%" class="menulines" height="14"><a href="http://#"><font face="宋体" size="2">&*%#¥</font></a></td></tr>
    </table>
    <br><br><hr>
    

 

感应鼠标出现边框的链接提示效果

标签:

原文地址:http://www.cnblogs.com/youtianxia/p/4410219.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!