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

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

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

<html>
   <head>
    <title> dtksh </title>
    <script>
       
    </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技巧

您可能感兴趣的文章

table建站,XHTML建站和DIV建站的不同 WEB2.0标准教程：第二天什么是名字空间 CSS Sprites技术以及图片优化区分id与class、padding和margin、min-height和height 如何转化文件的编码:UTF-8和GB2312的问题应用Javascript配合CSS实现网页自助换肤功能设置各大浏览器背景透明度清除float的四种方法 CSS不透明的详细介绍 CSS问答：XHTML验证和CSS验证 CSS选择器之四种CSS伪类选择器 IE与Firefox的CSS兼容大全九个CSS3结构性伪类选择器书写高效CSS注意的七个方面关于模块CSS的划分 CSS布局中 DIV和TABLE超出宽度自动换行的分析解决 CSS网页布局应注重语义和HTML页面结构讲解CSS层叠与继承注意CSS缩写,让你的CSS代码更简洁 CSS模块化思想更有效的管理CSS样式 CSS教程--定位position和浮动float CSS选择符命名时要遵循的四个原则对CSS网页布局中文排版妙招 CSS网页布局所必需了解的CSS基础知识高级技巧：css sprites技术 a:link,a:visited,a:hover,a:active 分别是什么意思? CSS Sprites工作原理及其对CSS布局的意义、优点和缺点介绍

酷兆科技网

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

您可能感兴趣的文章

最新推荐信息

酷兆科技网