码迷,mamicode.com
首页 > Web开发 > 详细

css中如果没有设置display,则无法显示动画效果!!!

时间:2015-02-15 15:05:20      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

 1  <script type="text/javascript" src="jquery-1.7.1.js"></script>
 2     <script type="text/javascript">
 3 
 4         $(document).ready(function(){
 5 
 6             var x = 10;
 7             var y = 10;
 8 
 9             $(.prompt_a).mouseover(function(e){
10 
11                 var prompt_div = "<div class=‘prompt_div_cls‘>"+this.title+"</div>";
12 
13                 $(body).append(prompt_div);
14 
15                 $(.prompt_div_cls).css({"left":(e.pageX+x)+"px","top":(e.pageY+y)+"px"})
16                         .show("fast");
17 
18             }).mouseout(function(){
19 
20                 $(.prompt_div_cls).remove();
21 
22             }).mousemove(function(e){
23                         $(.prompt_div_cls).css({"left":(e.pageX+x)+"px","top":(e.pageY+y)+"px"});
24 
25             })
26         });
27 
28     </script>
29     <style type="text/css">
30 
31         .prompt_div_cls {width: 300px;height: 200px;border: 1px solid #ccc;background-color: #eee;position: absolute;display: none;}
32 
33     </style>
34 </head>
35 <body>
36     <a class="prompt_a" href="#" title="提示信息提示信息提示信息提示信息提示信息提示信息提示信息
37     提示信息提示信息提示信息提示信息提示信息提示信息提示信息
38     提示信息提示信息提示信息提示信息提示信息提示信息提示信息
39     提示信息提示信息提示信息提示信息提示信息提示信息提示信息
40     提示信息提示信息提示信息提示信息提示信息提示信息提示信息
41     提示信息提示信息提示信息提示信息提示信息提示信息提示信息">弹出提示信息</a>
42 </body>
43 </html>


不信可以去掉display试试看!!!反正我信了!!!

css中如果没有设置display,则无法显示动画效果!!!

标签:

原文地址:http://www.cnblogs.com/yehuiyu/p/4292820.html

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