- <html>
- <head>
- <meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8">
- <title> jquery</title>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
- <style type="text/css">
- #tip {position:absolute;color:#333;display:none;}
- #tip s {position:absolute;top:40px;left:-20px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #BBA transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
- #tip s i {position:absolute;top:-10px;left:-8px;display:block;width:0px;height:0px;font-size:0px;line-height:0px;border-color:transparent #fff transparent transparent;border-style:dashed solid dashed dashed;border-width:10px;}
- #tip .t_box {position:relative;background-color:#CCC;filter:alpha(opacity=50);-moz-opacity:0.5;bottom:-3px;right:-3px;}
- #tip .t_box div {position:relative;background-color:#FFF;border:1px solid #ACA899;background:#FFF;padding:1px;top:-3px;left:-3px;}
- .tip {width:82px;height:82px;border:1px solid #DDD;}
- </style>
- <script type="text/javascript">
- $(function(){
- $('.tip').mouseover(function(){
- var $tip=$('<div id="tip"><div class="t_box"><div><s><i></i></s><img src="'+this.src+'" /></div></div></div>');
- $('body').append($tip);
- $('#tip').show('fast');
- }).mouseout(function(){
- $('#tip').remove();
- }).mousemove(function(e){
- $('#tip').css({"top":(e.pageY-60)+"px","left":(e.pageX+30)+"px"})
- })
- })
- </script>
- <body>
- <p> </p>
- <a href="http://www.paihang.6om.cn/upan/" ><img class="tip" src="http://img04.taobaocdn.com/bao/uploaded/i4/T1dEBQXipuXXczdj2a_091642.jpg_310x310.jpg" /></a>
- <a href="http://www.paihang.6om.cn/nanzhuang/" ><img class="tip" src="http://img03.taobaocdn.com/bao/uploaded/i3/T1JrxRXhVjXXXPQgc2_044150.jpg_310x310.jpg" /></a>
- <a href="http://www.paihang.6om.cn/hufupin/" ><img class="tip" src="http://img03.taobaocdn.com/bao/uploaded/i3/T1tDNOXfNeXXXkeTI8_102031.jpg_310x310.jpg" /></a>
- </body>
- </html>
本文转自yjflinchong 51CTO博客,原文链接:http://blog.51cto.com/yjflinchong/1165170
,如需转载请自行联系原作者