Rumah > hujung hadapan web > html tutorial > css中如果没有设置display,则无法显示动画效果!_html/css_WEB-ITnose

css中如果没有设置display,则无法显示动画效果!_html/css_WEB-ITnose

WBOY
Lepaskan: 2016-06-24 11:49:14
asal
1400 orang telah melayarinya

 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>
Salin selepas log masuk


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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan