A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 罗代势 中级黑马   /  2012-11-13 12:12  /  1694 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 罗代势 于 2012-11-24 13:58 编辑

    <script src="js/jquery-1.3.1.js" type="text/javascript"></script>
    <style type="text/css">
    #huyingyi{         //这里的#号为什么不能换成“.”   ????????????????
position:absolute;
border:1px solid #ccc;
background:#333;  
padding:2px;
display:none;
color:#fff;}
    </style>
    <script type="text/javascript">        /
            var x = 10;
            var y = 20;
            $("a.huyingyi").mouseover(function(e) {
                var jiedian = $("<div id='huyingyi'><img src='"+this.href + "'alt='美女' /></\div>");               
$("body").append(jiedian);
     $("#huyingyi") .css({
       "top": (e.pageY + y) + "px",
       "left": (e.pageX + x) + "px"
   }).show("fast");
            }).mouseout(function() {
                $("#huyingyi").remove();
            }).mousemove(function(e) {
            $("#huyingyi").css({"top": (e.pageY + y) + "px","left": (e.pageX + x) + "px"})
            });
        });
    </script>
</head>
<body>
<a href="imges/胡影怡.jpg" class="huyingyi" title="胡影怡"><img src="imges/胡影怡ss.jpg" alt="胡影怡1" /></a>
</body>

评分

参与人数 1技术分 +1 收起 理由
张文 + 1

查看全部评分

1 个回复

倒序浏览
这段代码运行肯定提示$("a.huyingyi")不存在吧,代码有问题,JQuery是在BODY之间的元素还没加载就运行了。这时候$("a.huyingyi")是还没渲染出来的。
  1. $(function () {
  2.             var x = 10;
  3.             var y = 20;
  4.             $("a.huyingyi").mouseover(function(e) {
  5.                 var jiedian = $("<div id='huyingyi'><img src='"+this.href + "'alt='美女' /></\div>");               
  6. $("body").append(jiedian);
  7.      $("#huyingyi") .css({
  8.        "top": (e.pageY + y) + "px",
  9.        "left": (e.pageX + x) + "px"
  10.    }).show("fast");
  11.             }).mouseout(function() {
  12.                 $("#huyingyi").remove();
  13.             }).mousemove(function(e) {
  14.             $("#huyingyi").css({"top": (e.pageY + y) + "px","left": (e.pageX + x) + "px"})
  15.             });
  16.         });
  17.         });
复制代码
试试

评分

参与人数 1技术分 +1 收起 理由
张文 + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马