15 个使用 jQuery Masonry 进行布局的网站

openkk 13年前
     <p>jQuery Masonry 是一 个用来布局的jQuery插件,本文介绍 15 个使用 jQuery Masonry 制作的网站例子,很不错。</p>    <h3>1. <a href="/misc/goto?guid=4958322798506430864" target="_blank">Cutest Paw</a></h3>    <p><a href="/misc/goto?guid=4958322798506430864" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/ab33010b1a4eaacf4f16aeae5df53871.jpg" width="480" height="357" /></a></p>    <h3>2. <a href="/misc/goto?guid=4958322800070878239" target="_blank">All Blues</a></h3>    <p><a href="/misc/goto?guid=4958322800070878239" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/8a64eb543ee9b3404d2fb03091f8e63e.jpg" width="480" height="342" /></a></p>    <h3>3. <a href="/misc/goto?guid=4958322801591754488" target="_blank">Do Whatever It Takes</a></h3>    <p><a href="/misc/goto?guid=4958322801591754488" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/289abdcac0ffe2a1dc325264cc6c96f5.jpg" width="480" height="428" /></a></p>    <h3>4. <a href="/misc/goto?guid=4958322803157408898" target="_blank">Pattern Tap</a></h3>    <p><a href="/misc/goto?guid=4958322803157408898" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/31e50c5cac1fbca8a9e9ea36b53292d9.jpg" width="480" height="342" /></a></p>    <h3>5. <a href="/misc/goto?guid=4958322804688580409" target="_blank">We And The Color</a></h3>    <p><a href="/misc/goto?guid=4958322804688580409" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/66561025d476e8cc7f13572e99d16600.jpg" width="480" height="356" /></a></p>    <h3>6. <a href="/misc/goto?guid=4958322806228862264" target="_blank">All in My Head</a></h3>    <p><a href="/misc/goto?guid=4958322806228862264" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/bfb3636b274ef9fec51c37471aca2349.jpg" width="480" height="333" /></a></p>    <h3>7. <a href="/misc/goto?guid=4958322807759250575" target="_blank">Dazed Digital</a></h3>    <p><a href="/misc/goto?guid=4958322807759250575" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/158c132178003eea9cd7f57e23b738f4.jpg" width="480" height="366" /></a></p>    <h3>8. <a href="/misc/goto?guid=4958322809298412081" target="_blank">Photography by Koa Metter</a></h3>    <p><a href="/misc/goto?guid=4958322809298412081" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/a273617a1cf2f709d09ca72b9314bd95.jpg" width="480" height="295" /></a></p>    <h3>9. <a href="/misc/goto?guid=4958322810829178344" target="_blank">All Women Stalk</a></h3>    <p><a href="/misc/goto?guid=4958322810829178344" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/d6a7a2aa4a10b0088f8d043e31c74173.jpg" width="480" height="322" /></a></p>    <h3>10. <a href="/misc/goto?guid=4958322812350588890" target="_blank">Cla-ude</a></h3>    <p><a href="/misc/goto?guid=4958322812350588890" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/becaab2ca9f15dfbeb9a0b81e4fe5038.jpg" width="480" height="347" /></a></p>    <h3>11. <a href="/misc/goto?guid=4958322813882964358" target="_blank">Chromeography</a></h3>    <p><a href="/misc/goto?guid=4958322813882964358" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/aa66b61e8611576157247c0cf1acb094.jpg" width="480" height="326" /></a></p>    <h3>12. <a href="/misc/goto?guid=4958322815415841361" target="_blank">Fab.com</a></h3>    <p><a href="/misc/goto?guid=4958322815415841361" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/1af5443e8c64886cff0bbd8b4d6452de.jpg" width="480" height="309" /></a></p>    <h3>13. <a href="/misc/goto?guid=4958322816952607015" target="_blank">Inspire Well</a></h3>    <p><a href="/misc/goto?guid=4958322816952607015" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/df632230e8e92238ba152c693c555958.jpg" width="480" height="294" /></a></p>    <h3>14. <a href="/misc/goto?guid=4958322818485718984" target="_blank">Interview Magazine</a></h3>    <p><a href="/misc/goto?guid=4958322818485718984" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/cff35b27e26ef570fd8a5297539e1ff3.jpg" width="480" height="346" /></a></p>    <h3>15. <a href="/misc/goto?guid=4958322820019360892" target="_blank">Veerle’s Blog</a></h3>    <p><a href="/misc/goto?guid=4958322820019360892" target="_blank"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/d66ecd5a913a606537be47c0ec5978cd.jpg" width="480" height="384" /></a></p>    <div class="CatTitles">     Related Web Resources    </div>    <div class="PostContent">     <div style="border-bottom:#cccccc 1px dashed;padding-bottom:10px;">      <h3 style="text-align:center;"><a title="jQuery Masonry – A Layout Plugin for jQuery" href="/misc/goto?guid=4958322821541554952" rel="bookmark">jQuery Masonry – A Layout Plugin for jQuery</a></h3>      <p style="text-align:center;"><a title="jQuery Masonry – A Layout Plugin for jQuery" href="/misc/goto?guid=4958322821541554952" rel="bookmark"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/f96e4ad12b92b2635e8a437dbd9fa4e4.png" width="480" height="219" /></a></p>     </div>     <div style="border-bottom:#cccccc 1px dashed;padding-bottom:10px;">      <h3 style="text-align:center;"><a title="Outstanding, Inspiring and Creative Arts from Fubiz" href="/misc/goto?guid=4958322823074262783" rel="bookmark">Outstanding, Inspiring and Creative Arts from Fubiz</a></h3>      <p style="text-align:center;"><a title="Outstanding, Inspiring and Creative Arts from Fubiz" href="/misc/goto?guid=4958322823074262783" rel="bookmark"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/ecfed3f83d4512033cd6ba709cc2ac55.png" width="479" height="254" /></a></p>     </div>     <div style="border-bottom:#cccccc 1px dashed;padding-bottom:10px;">      <h3 style="text-align:center;"><a title="A Guide to Choosing Colors for Your Brand from Cymbolism" href="/misc/goto?guid=4958322824615368018" rel="bookmark">A Guide to Choosing Colors for Your Brand from Cymbolism</a></h3>      <p style="text-align:center;"><a title="A Guide to Choosing Colors for Your Brand from Cymbolism" href="/misc/goto?guid=4958322824615368018" rel="bookmark"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/e08604694f4ebc5f3aae29777e4e1b8e.png" width="480" height="299" /></a></p>     </div>     <div style="border-bottom:#cccccc 1px dashed;padding-bottom:10px;">      <h3 style="text-align:center;"><a title="Download Free Seamless Vector and Pixel Patterns" href="/misc/goto?guid=4958322826148526428" rel="bookmark">Download Free Seamless Vector and Pixel Patterns</a></h3>      <p style="text-align:center;"><a title="Download Free Seamless Vector and Pixel Patterns" href="/misc/goto?guid=4958322826148526428" rel="bookmark"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/324284cec55434269a7d90ed23960e12.jpg" width="480" height="262" /></a></p>     </div>     <div style="border-bottom:#cccccc 1px dashed;padding-bottom:10px;">      <h3 style="text-align:center;"><a title="All of the Best Free WordPress Themes You Need" href="/misc/goto?guid=4958322827693618518" rel="bookmark">All of the Best Free WordPress Themes You Need</a></h3>      <p style="text-align:center;"><a title="All of the Best Free WordPress Themes You Need" href="/misc/goto?guid=4958322827693618518" rel="bookmark"><img alt="15 个使用 jQuery Masonry 进行布局的网站" src="https://simg.open-open.com/show/7910cefff8e372db8de8af1912596418.jpg" width="479" height="319" /></a></p>     </div>    </div>