{"id":785,"date":"2011-11-18T00:42:55","date_gmt":"2011-11-17T16:42:55","guid":{"rendered":""},"modified":"2014-03-11T22:40:43","modified_gmt":"2014-03-11T14:40:43","slug":"%e7%b1%bb%e4%bc%bc%e6%b7%98%e5%ae%9d%e7%bd%91%e7%9a%84%e5%9b%be%e7%89%87%e6%94%be%e5%a4%a7jquery%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2011\/11\/18\/785.htm","title":{"rendered":"\u7c7b\u4f3c\u6dd8\u5b9d\u7f51\u7684\u56fe\u7247\u653e\u5927jQuery\u4ee3\u7801"},"content":{"rendered":"
\n

[Code]<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd">   <\/p>\n

02 <title>\u7c7b\u4f3c\u6dd8\u5b9d\u7f51\u7684\u56fe\u7247\u653e\u5927\u4ee3\u7801<\/title>   <\/p>\n

03 <script type="text\/javascript" src="\/ajaxjs\/jquery1.3.2.js"><\/script>   <\/p>\n

04 <style type="text\/css">  <\/p>\n

05 #tip   {position:absolute;color:#333;display:none;}   <\/p>\n

06 #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;}   <\/p>\n

07 #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;}   <\/p>\n

08 #tip .t_box   {position:relative;background-color:#CCC;filter:alpha(opacity=50);-moz-opacity:0.5;bottom:-3px;right:-3px;}   <\/p>\n

09 #tip .t_box div  {position:relative;background-color:#FFF;border:1px solid #ACA899;background:#FFF;padding:1px;top:-3px;left:-3px;}   <\/p>\n

10      <\/p>\n

11 .tip   {width:82px;height:82px;border:1px solid #DDD;}   <\/p>\n

12 <\/style>   <\/p>\n

13 <script type="text\/javascript">   <\/p>\n

14 $(function(){   <\/p>\n

15    $(‘.tip’).mouseover(function(){   <\/p>\n

16       var $tip=$(‘<div id="tip"><div class="t_box"><div><s><i><\/i><\/s><img src="’+this.src+’" \/><\/div><\/div><\/div>’);   <\/p>\n

17       $(‘body’).append($tip);   <\/p>\n

18       $(‘#tip’).show(‘fast’);   <\/p>\n

19    }).mouseout(function(){   <\/p>\n

20       $(‘#tip’).remove();   <\/p>\n

21    }).mousemove(function(e){   <\/p>\n

22       $(‘#tip’).css({"top":(e.pageY-60)+"px","left":(e.pageX+30)+"px"})   <\/p>\n

23    })   <\/p>\n

24 })   <\/p>\n

25 <\/script>   <\/p>\n

26 <p> <\/p>   <\/p>\n

27 <a href="\/"><img class="tip" src="\/jscss\/demoimg\/201012\/1.jpg" \/><\/a>   <\/p>\n

28 <a href="#"><img class="tip" src="\/jscss\/demoimg\/201012\/2.jpg" \/><\/a>   <\/p>\n

29 <a href="#" ><img class="tip" src="\/jscss\/demoimg\/201012\/3.jpg" \/><\/a>  <\/p>\n

[\/Code]<\/p>\n<\/div>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

[Code]<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN" &qu…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-785","post","type-post","status-publish","format-standard","hentry","category-technology"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/785","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/785\/revisions"}],"predecessor-version":[{"id":66616,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/785\/revisions\/66616"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=785"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=785"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}