{"id":3779,"date":"2015-04-23T00:05:29","date_gmt":"2015-04-22T16:05:29","guid":{"rendered":"https:\/\/sdeno.com\/?p=3779"},"modified":"2016-06-22T14:06:52","modified_gmt":"2016-06-22T06:06:52","slug":"jquery%e6%96%87%e6%9c%ac%e4%bf%a1%e6%81%af%e6%bb%9a%e5%8a%a8","status":"publish","type":"post","link":"https:\/\/sdeno.com\/?p=3779","title":{"rendered":"jquery\u6587\u672c\u4fe1\u606f\u6eda\u52a8"},"content":{"rendered":"<p>\u6587\u672c\u6eda\u52a8 \u6587\u5b57\u6eda\u52a8 \u5782\u76f4 \u6eda\u52a8<\/p>\n<a href=\"https:\/\/sdeno.com\/wp-content\/uploads\/2015\/04\/text_scroll1.jpg\"><figure class=\"mdx-lazyload-container\" style=\"max-width:316px\"><div style=\"padding-top:43.354430379747%\"><\/div><div class=\"mdx-img-loading-sp mdui-valign\"><div><div class=\"mdui-spinner\"><\/div><\/div><\/div><img width=\"316\" height=\"137\" class=\"alignnone size-full wp-image-3780 lazyload\" title=\"text_scroll\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-src=\"https:\/\/sdeno.com\/wp-content\/uploads\/2015\/04\/text_scroll1.jpg\" alt=\"text_scroll\" data-srcset=\"https:\/\/sdeno.com\/wp-content\/uploads\/2015\/04\/text_scroll1.jpg 316w, https:\/\/sdeno.com\/wp-content\/uploads\/2015\/04\/text_scroll1-300x130.jpg 300w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\"><\/figure><\/a>\n<p>HTML:<\/p>\n<pre>&lt;ul&gt;\r\n &lt;li style=\"background:red\"&gt;1,\u6240\u53d1\u751f\u7684\u65b9\u5f0f111\u7684&lt;\/li&gt;\r\n &lt;li&gt;2,\u6240\u53d1\u751f\u7684\u65b9\u5f0f\u7684&lt;\/li&gt;\r\n &lt;li&gt;3,\u6240\u53d1\u751f\u7684\u65b9\u5f0f\u7684&lt;\/li&gt;\r\n &lt;li&gt;4,\u6240\u53d1\u751f\u7684\u65b9\u5f0f\u7684&lt;\/li&gt;\r\n &lt;li&gt;5,\u6240\u53d1\u751f\u7684\u65b9\u5f0f\u7684&lt;\/li&gt;\r\n&lt;\/ul&gt;<\/pre>\n<p>JS:<\/p>\n<pre> var li_num=$('ul li').length;\r\n var set_num=4;\/\/\u4fe1\u606f\u5c0f\u4e8e\u6216\u8005\u7b49\u4e8e4\u6761\u5c31\u4e0d\u4f1a\u6eda\u52a8\r\n function run(){\r\n   $('ul li:first').animate({opacity:'0'},800,function (){\r\n    $(this).css({opacity:'1'}).appendTo($('ul'));\r\n    run();\r\n   });\r\n };\r\n \r\n if(li_num&lt;=set_num){ \r\n    $('ul li').stop(true,true).stop();\r\n }else{\r\n    run()\r\n }\r\n \r\n \r\n $('ul').mouseenter(function(){\r\n     $('ul li').stop(true,true).stop();\r\n }).mouseleave(function(){\r\n    if(li_num&lt;=set_num){\r\n       $('ul li').stop(true,true).stop();\r\n    }else{\r\n       run()\r\n     }\r\n });<\/pre>\n<p><a href=\"https:\/\/sdeno.com\/wp-content\/uploads\/2015\/04\/scroll.html\">scroll<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u672c\u6eda\u52a8 \u6587\u5b57\u6eda\u52a8 \u5782\u76f4 \u6eda\u52a8 HTML: &lt;ul&gt; &lt;li style=&#8221;backgrou [&hellip;]<\/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-3779","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\/3779","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=3779"}],"version-history":[{"count":0,"href":"https:\/\/sdeno.com\/index.php?rest_route=\/wp\/v2\/posts\/3779\/revisions"}],"wp:attachment":[{"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3779"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3779"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sdeno.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3779"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}