16 个使用 jQuery 和 CSS3 实现的加载中动画

fmms 10年前
     <h3>spin.js</h3>    <p><a href="/misc/goto?guid=4958187181347117568" target="_blank"><img class="aligncenter size-full wp-image-75671" title="1" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/63f7958d9218944a973e33358ae1e18e.jpg" width="600" height="250" /></a></p>    <h3>CSS3 Loading Animation Loop</h3>    <p><a href="/misc/goto?guid=4958325163818669426" target="_blank"><img class="aligncenter size-full wp-image-75672" title="2" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/bacb67a22f4268fb35f3220d6d681e44.jpg" width="600" height="250" /></a></p>    <h3>CSS3 Loading Animation</h3>    <p><a href="/misc/goto?guid=4958325165409777878" target="_blank"><img class="aligncenter size-full wp-image-75673" title="3" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/dcfafd0a3c39fba618ce79454721ee93.jpg" width="600" height="250" /></a></p>    <h3>CanvasLoader Creator</h3>    <p><a href="/misc/goto?guid=4958322860181369085" target="_blank"><img class="aligncenter size-full wp-image-75674" title="4" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/4b0671fbbaa435d07f251c6fabd59e6b.jpg" width="600" height="250" /></a></p>    <h3>Flickr Style Loading Animation Using JQuery</h3>    <p><a href="/misc/goto?guid=4958326233871330714" target="_blank"><img class="aligncenter size-full wp-image-75675" title="5" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/10237dee56104f444ec9b1698ee2419b.jpg" width="600" height="250" /></a></p>    <h3>CSS Loading Animation Circle Style</h3>    <p><a href="/misc/goto?guid=4958326234686307966" target="_blank"><img class="aligncenter size-full wp-image-75676" title="6" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/6f9699130edfc6a7eacb4511ba3d3d6e.jpg" width="600" height="250" /></a></p>    <h3>Loading CSS spinners and bars generator for AJAX & JQuery</h3>    <p><a href="/misc/goto?guid=4958326235482629011" target="_blank"><img class="aligncenter size-full wp-image-75677" title="7" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/21e2c46cbf4dd5d9697b8bceb9e3f383.jpg" width="600" height="250" /></a></p>    <h3>Ajax Style Loading Animation in CSS3 (no Images)</h3>    <p><a href="/misc/goto?guid=4958326236277427568" target="_blank"><img class="aligncenter size-full wp-image-75678" title="8" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/33829d6d1794429cc1805ce68a3e6176.jpg" width="600" height="250" /></a></p>    <h3>CSS3 loading spinners without images</h3>    <p><a href="/misc/goto?guid=4958326237077275778" target="_blank"><img class="aligncenter size-full wp-image-75679" title="9" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/9dbf5ae880c9a53bd53e09a5ee74707d.jpg" width="600" height="250" /></a></p>    <h3>Bouncy Animated Loading Animation</h3>    <p><a href="/misc/goto?guid=4958326237868587663" target="_blank"><img class="aligncenter size-full wp-image-75680" title="10" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/cc3d35e1ea59ef8342c8953c544859a7.jpg" width="600" height="250" /></a></p>    <h3>Sonic – looping loaders</h3>    <p><a href="/misc/goto?guid=4958322861711865718" target="_blank"><img class="aligncenter size-full wp-image-75681" title="11" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/afab649dcf4848e9c5ebb04255c4add1.jpg" width="600" height="250" /></a></p>    <h3>Simple Loading Modal</h3>    <p><a href="/misc/goto?guid=4958326239405638675" target="_blank"><img class="aligncenter size-full wp-image-75682" title="12" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/55014ed709f35dfc755352edccb2a7db.jpg" width="600" height="250" /></a></p>    <h3>PageLoading – jQuery plugin</h3>    <p><a href="/misc/goto?guid=4958326240204975862" target="_blank"><img class="aligncenter size-full wp-image-75683" title="13" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/78fac50c3c2d795d263dd46a9dc97ebb.jpg" width="600" height="250" /></a></p>    <h3>Image Loader (jQuery Plugin)</h3>    <p><a href="/misc/goto?guid=4958326241002545017" target="_blank"><img class="aligncenter size-full wp-image-75684" title="14" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/f069801bcbcbc614c52ae8d884174b82.jpg" width="600" height="250" /></a></p>    <h3>Simple Content Loader</h3>    <p><a href="/misc/goto?guid=4958326241795536874" target="_blank"><img class="aligncenter size-full wp-image-75685" title="15" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/ac769aa743894e6cc407244c422151d1.jpg" width="600" height="250" /></a></p>    <h3>Preloadify</h3>    <p><a href="/misc/goto?guid=4958326242592478508" target="_blank"><img class="aligncenter size-full wp-image-75686" title="16" alt="16 个使用 CSS3 和 jQuery 制作的加载中动画" src="https://simg.open-open.com/show/088f14e27b06ff261fbffb934cefda9b.jpg" width="600" height="250" /></a></p>    <p><br /> Source: <a style="color:#003399;" href="/misc/goto?guid=4958326243387732959">http://designmodo.com/css3-jquery-loading-animations/</a></p>