做一个简单的图片放大替换功能
代码如下
- JScript code
<script type="text/javascript" language="JavaScript"> $(document).ready(function(){ var x = 10; var y = 20; $(".imagelink").mouseover(function(e){ var imgtip = "<div id ='imgtip'><img src ='" + this.href + "'alt='' /></div>"; $("body").append(imgtip); $("#imgtip").css({ "top": (e.pageY+y) + "px", "left":(e.pageX+x) + "px" }).show('fast'); }).mouseout(function(){ $("#imgtip").remove(); }); }); </script>
<a href="images/national-jade-hotel-beijing-b1.jpg" class="imagelink"><img src="images/beijingservice-team/beijing-tour-advisor-1.jpg" width="69" height="49" /></a>
求排错 没反应
------解决方案--------------------
用css定位就好,这个可以不用JS来写,实在不想写CSS的话,你就用table把他框起来排版吧。你那代码要实现更多功能的话,还是把DIV提出来吧
------解决方案--------------------
给你找了个例子,应该能决解你这个问题,点“运行代码”就好
http://js.alixixi.com/a/2016303062402.shtml
------解决方案--------------------
加个z-index 吧,楼主试试