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

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

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技巧

您可能感兴趣的文章

CSS选择器之四种CSS伪类选择器 CSS网页布局中常犯的几种小错误 CSS选择器进阶教程:十二种CSS选择器怎么让一个DIV随窗口的变化而变化好用的 overflow与text-indent:-9999px 文字隐藏及input value偏移 CSS模块化思想更有效的管理CSS样式 IE6绝对定位的bug及其解决办法优化精简和优化CSS网页布局代码谈谈初始化CSS元素注意CSS缩写,让你的CSS代码更简洁利用CSS的@font-face 在网页中嵌入字体 CSS Sprites技术以及图片优化不用float实现div模块居中布局 CSS网页布局不错的八个技巧九个CSS3结构性伪类选择器书写高效CSS注意的七个方面谈DIVCSS网页布局的意义与副作用 WEB2.0标准教程：第一天选择什么样的DOCTYPE 让你的CSS命名更合理重置浏览器元素但尽可能少使用全局重置Reset 10个最常用的CSS className IE6背景图片重复的BUG WEB前端开发规范文档图示divcss帮助初学者的十种技巧和对Web标准的理解 WEB2.0标准教程：如何应用WEB标准改善现有网站？ CSS的优化 CSS中文字体的英文名总汇

酷兆科技网

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

您可能感兴趣的文章

最新推荐信息

酷兆科技网