{"id":2562,"date":"2013-12-11T15:32:01","date_gmt":"2013-12-11T07:32:01","guid":{"rendered":"https:\/\/sdeno.com\/?p=2562"},"modified":"2013-12-11T15:32:01","modified_gmt":"2013-12-11T07:32:01","slug":"jquery-%e9%bc%a0%e6%a0%87%e7%a7%bb%e5%8a%a8%e5%88%b0%e7%bc%a9%e7%95%a5%e5%9b%be%e4%b8%8a%e4%be%a7%e8%be%b9%e6%9c%89%e6%94%be%e5%a4%a7%e5%9b%be%e7%89%87%e6%95%88%e6%9e%9c","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=2562","title":{"rendered":"jquery \u9f20\u6807\u79fb\u52a8\u5230\u7f29\u7565\u56fe\u4e0a\u4fa7\u8fb9\u6709\u653e\u5927\u56fe\u7247\u6548\u679c"},"content":{"rendered":"

<\/div>
<\/div><\/div><\/div>\"https:\/\/sdeno.com\/wp-content\/uploads\/2013\/12\/big_pic.jpg\"<\/figure><\/a>
\njquery \u9f20\u6807\u79fb\u52a8\u5230\u7f29\u7565\u56fe\u4e0a\u4fa7\u8fb9\u6709\u653e\u5927\u56fe\u7247\u6548\u679c
\nCSS\u6837\u5f0f\u5982\u4e0b\uff1a
\n[code]<style type=”text\/css”>
\nbody{ position:relative;}
\nli{ float:left; margin-right:10px;}
\n#toopimg{ position:absolute; z-index:1;}
\n<\/style>[\/code]<\/p>\n

JS\u90e8\u5206\u4ee3\u7801\uff1a<\/p>\n

[code]$(function(){
\n$(‘ul li a img’).mouseover(function(){
\nvar toopimg ='<div id=”toopimg”><img src=”‘+this.src+'”><div>’+this.alt+'<\/div><\/div>’;
\n$(toopimg).prependTo($(this).parents(‘li’));
\n}).mouseout(function(){
\ntoopimg.remove();
\n}).mousemove(function(e){
\n$(‘#toopimg’).css({‘left’:20+e.pageX+’px’,
\n‘top’:20+e.pageY+’px’
\n});
\n});
\n$(document).mousemove(function(e){
\n$(“span”).text(“X: ” + e.pageX + “, Y: ” + e.pageY);
\n});<\/p>\n

});[\/code]
\nhtml\u4ee3\u7801\u90e8\u5206\uff1a
\n[code]<body>
\n<span>111<\/span>
\n<ul>
\n<li><a href=”upload\/1.jpg”><img alt=”\u4f60\u597d1″ src=”upload\/1.jpg” \/><\/a><\/li>
\n<li><a href=”upload\/2.jpg”><img alt=”\u4f6021″ src=”upload\/2.jpg” \/><\/a><\/li>
\n<li><a href=”upload\/3.jpg”><img alt=”\u4f601″ src=”upload\/3.jpg” \/><\/a><\/li>
\n<\/ul><\/p>\n

<\/body>[\/code]<\/p>\n

\u6587\u4ef6\u4e0b\u8f7d<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

jquery \u9f20\u6807\u79fb\u52a8\u5230\u7f29\u7565\u56fe\u4e0a\u4fa7\u8fb9\u6709\u653e\u5927\u56fe\u7247\u6548\u679c CSS\u6837\u5f0f\u5982\u4e0b\uff1a [code]<style type […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,11],"tags":[],"class_list":["post-2562","post","type-post","status-publish","format-standard","hentry","category-jquery","category-11"],"_links":{"self":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2562","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2562"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/2562\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2562"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2562"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2562"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}