首页 手机软件 手机游戏 单机游戏 资讯文章 专题下载 游戏合集 文章合集 php下载 php教程 电脑软件
+ -
当前位置：首页 → 问答吧 → 关于mouseover事件产生的问题。。。

关于mouseover事件产生的问题。。。

时间：2010-03-27

来源：互联网

想要实现下列功能：当鼠标移到<div id="test">元素的时候，在里边插入一个<p></p>，移开鼠标的时候删除这个<p></p>，代码如下

复制代码
  1.         $("#test").mouseover(function(){
  2.                 $(this).prepend("<p></p>");}).mouseout(function(){
  3.                $(this).children("p").remove();
  4. });


遇到个问题就是鼠标移在#test的时候，插入的<p>出现了一下就被移除掉了。 要如何解决？
[ 此帖被Ben在2010-03-27 06:20重新编辑 ]

作者: Ben   发布时间: 2010-03-27

鼠标移除事件单独写  试试吧

作者: williy   发布时间: 2010-03-27

不会啊，我写了下，没有你说的问题，只有鼠标一开的时候P才会被删除掉
复制代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  6. <script type="text/javascript">
  7.     //<![CDATA[
  8.         $(function(){
  9.             $("div").mouseover(function(){
  10.                 //$(this).append("<p>哈哈</p>");
  11.                 $(this).prepend("<p>哈哈</p>");
  12.             })
  13.             .mouseout(function(){
  14.                 //$("p",$(this)).remove();
  15.                 $(this).children("p").remove();
  16.             });
  17.         });
  18.     //]]>
  19. </script>
  20. <title></title>
  21. </head>
  22. <body>
  23. <div style="width:300px;height:300px;background:#990000"></div>
  24. </body>
  25. </html>

作者: ywqbestever   发布时间: 2010-03-27

相关阅读 更多

热门阅读

热门下载

更多
关于本站 免责申明 联系我们

Copyright 2006-2020 php爱好者(phpfans.net) All Rights Reserved.备案号：湘ICP备2023016114号-2

本站为非盈利性网站，不接受任何广告。本站所有资源均由网友上传，如有侵权，请发邮件至 [email protected] phpfans.net