您当前的位置是:首页-CSS+DIV教程

js+Css鼠标经过显示文字效果

【发表于】:2011/4/27 22:04:00  已被访问:808次

js+Css鼠标经过显示文字效果


<html>
   <head>
    <title> dtksh </title>
    <script>
       <!--
         function caption()
         {  
           if(bobo.style.visibility=="hidden") {
           bobo.style.visibility=""
           sway.style.visibility=""
           }
           else{
               bobo.style.visibility="hidden"
               sway.style.visibility="hidden"
         
               }
         }
        -->
    </script>
    </head>
    <body>
       <div id="bobo"
       style="visibility:hidden;position:absolute;top:20;left:15;
              width:190;height:35;background-color:rgb(62,174,128);
              filter:alpha(opacity=60)">
       </div>
       <div id="sway"
                style="visibility:hidden;color:rgb(177,63,174);position:absolute;top:20;
              width:190;height:100;margin-top:5;margin-left:5;">
         <p style="font-family:bailey;font-size:14pt;font-weight:bold;text-align:center">
              Sports is wonderful!
         </p>
       </div>
       
<p> <img src="ss07049.jpg"
                 onmouseover="caption()"
                 onmouseout="caption()"> </p>
<P class="p2" style="color:red">请把您的鼠标移动到图片上,然后再把鼠标从图片上挪开。</p>
     </body>
 </html>

 
上下篇: 书写高效CSS注意的七个方面 3个“顶级”CSS技巧

最新推荐信息