在线等待-让下拉菜单项显示Tips

<div title="testandtest" style="OVERFLOW: hidden; WIDTH: 35px; POSITION: absolute; HEIGHT: 26px" id=DIV1>testandtest</div>不需要其他编程，直接用title实现

解决方案 »

  1.   

    <style>
    body { font:verdena; font-size:14px; color:#000 }
    h1{ font:verdena; font-size:22px; color:#000 }
    h2{ font:verdena; font-size:15px; color:#000; text-align:left }
    div#main { margin:30 }
    /*关键代码开始*/
    a.info {
     position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none }
    a.info:hover { 
     z-index:1; background-color:#ff0 }
    a.info span { 
     display: none }
    a.info:hover span { display:block; position:absolute; top:25px; left:60px; width:130px; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center }
    /*关键代码结束*/
    </style>
    <body>
    <div id="main">
    <h1>单纯使用CSS实现动态提示信息</h1>
    <h1>不用js可以实现信息提示效果?!(title和alt除外)</h1>
    <h2>By [51js.com]zdzhuo</h2>
    <h2>Ie5.5+, Opera7.0, Netscap7.0, Mozilla1.4 都能正常使用</h2>
    <br><a class="info" href="javascript:;"><b>这是提示信息</b><span>www.51js.com</span></a>不需要js就能实现的提示信息<a class="info" href="javascript:;"><b>单纯使用CSS实现提示信息</b><span>一个非常简便的方法<br>原理也浅显易懂</span></a><br><br><a class="info" href="javascript:;"><img src="http://nb001722.sosoo.net/51js.gif" border="0"><span>这是我在51js.com的专用头像</span></a><br><br><br>
    </div>
    </body>
      

  2.   

    <style>
    body { font:verdena; font-size:14px; color:#000 }
    h1{ font:verdena; font-size:22px; color:#000 }
    h2{ font:verdena; font-size:15px; color:#000; text-align:left }
    div#main { margin:30 }
    /*关键代码开始*/
    a.info {
     position:relative; z-index:0; background-color:#ccc; color:#000; text-decoration:none }
    a.info:hover { 
     z-index:1; background-color:#ff0 }
    a.info span { 
     display: none }
    a.info:hover span { display:block; position:absolute; top:25px; left:60px; width:130px; border:1px solid #0cf; background-color:#cff; color:#000; text-align: center }
    /*关键代码结束*/
    </style>
    <body>
    <div id="main">
    <h1>单纯使用CSS实现动态提示信息</h1>
    <h1>不用js可以实现信息提示效果?!(title和alt除外)</h1>
    <h2>By [51js.com]zdzhuo</h2>
    <h2>Ie5.5+, Opera7.0, Netscap7.0, Mozilla1.4 都能正常使用</h2>
    <br><a class="info" href="javascript:;"><b>这是滚动的提示信息了</b><span><marquee>www.51js.com</marquee></span></a>
    </div>
    </body>
      

  3.   

    以上两种方式均为CSS实现，如果想继续研究，阿信的网站首页就是很好的例子：
    http://fason.nease.net
      

  4.   

    哎呀，不好意思，可能各位理解错了，我指的是下拉框，比如“<select name="sortby"> ”，就是CSDN首页右上角的“新闻标题，软件名称...”这样的下拉框。如何让鼠标移到“新闻标题”上时，显示提示信息？叩谢，等下给开帖两位加分！！
      

  5.   

    select不支持title,alt
    你只能用层模拟select才能实现这种功能.
    层支持title,alt用层模拟select:Demo:
    http://webfx.eae.net/dhtml/combobox/combo_demo.htm
    Download:
    http://webfx.eae.net/dhtml/combobox/ComboBox.zip