css中如果没有设置display，则无法显示动画效果！_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:49:141381검색
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试试看！！！反正我信了！！！
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.