<div class="codetitle"> <span><a style="CURSOR: pointer" data="14959" class="copybut" id="copybut14959" onclick="doCopy('code14959')"><u>复制代</u></a></span> 代码如下:</div> <div class="codebody" id="code14959"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <BR><html xmlns="http://www.w3.org/1999/xhtml"> <br> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br><title>無标题文档</title> <br><style type="text/css"> <br>#Adiv div {float:left; width:100px;border:1pxソリッド#333;margin-top:100px;} <br>#SDiv {width:135px;position:absolute;} <br></style> <br><script type="text/javascript" src="js/jquery-1.7.2.js"></script> <br><script type="text/javascript"> <br>$(function(){ <br>var x = -90; <br>var y = -70; <br>$("#Adiv div").mouseenter(function(e){ <br>this .xx = ($(this).index() 1) * 100; <br>this.yy = $(this).offset().top; <br>var ログイン = $(this).attr("href "); <br>if($("#SDiv")){$("#SDiv").remove();} <br>var div = "<div id='SDiv' style='border: 1px ソリッド #333'><img src='images/login_box/box_onmouse.png' border='0' usemap='#Map' /><map name='Map' id='Map'> <areashape='rect' id='divLogin' coords='16,14,67,35' href="ログイン " /><areashape='rect' id='divRegister' coords='75, 15,127,37' href='http://www.baidu.com' /></map></div>"; <br>$("body").append(div); <br> $("#SDiv").css({ "上": (this.yy y) "px", "left": (this.xx x) "px" }); (e) { <br>var ex = e.pageX; <br>var ey = e.pageY; <br>var sx = $("#SDiv").offset().top; $("#SDiv").offset().top 72; <br>var sy = $("#SDiv").offset().left; ().left 135; <br>if(ey > sx && ey sy && ex <= syy){ <br>$("#SDiv").mouseleave(function(){$("#SDiv").remove();}); <br> false を返します。 <br>} <br>$("#SDiv").remove(); <br>}); <br>}) <br></script> <br></head> <br><br><br> <br><!-- <br><div class="box_onmouse"><img src="images/login_box/box_onmouse.png" border="0" usemap="#Map" /> <br><map name="地図" id="地図"> <br><areashape="rect" id="divLogin" coords="16,14,67,35" href="#" /> <br><areashape="rect" id="divRegister" coords="75,15,127,37" href="#" /> <br></map> <br> </div> <br>--> <br><div id="Adiv"> <br><div href="11111">1111111</div> <br><div href="22222">2222222</div> <br><div href="33333">3333333</div> <br> <br><div>ページ内に次のような要求があります: ネズミが特定の div 上に移動するときに層を作成します。この層には 2 つの按钮写真 (美工切換了) があり、各写真は異なる写真地址 (链) に接続されています。接地址前の div が提供されている場合）、マウスがこの層を削除すると、作成された div が削除されます。マウスがこの作成された div の上に移動した場合、 は削除されません。 <br></body> <br></html> <br><br>
