Code Slider Sản Phẩm bằng Javascript

📅 21/06/2016 — 👀 684 — 👦 Kelvin Khanh

Trang này có hữu ích không?

Có 1 bạn nhờ mình lấy code slider sản phẩm từ trang web http://www.premiumsneakers.kr/ và mình lấy code theo hình sau:

HTML
CSS
JS
Result
Code by ThichCode.NET

</p>
<div>
<div><amp-img src="http://www.premiumsneakers.kr/design/perfectsuz/onedesign/images/mdbtn_01.png" width="" height="" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></div>
<div><amp-img src="http://www.premiumsneakers.kr/design/perfectsuz/onedesign/images/mdbtn_02.png" width="" height="" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></div>
<div>
<ul>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289579&xcode=043&mcode=006&scode=001&special=1&GfDT=bW13UQ%3D%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430060000012.jpg?06141414" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289584&xcode=043&mcode=001&scode=008&special=1&GfDT=bm90W10%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000222.jpg?06141343" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289583&xcode=043&mcode=001&scode=008&special=1&GfDT=bm96W14%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000212.jpg?06141341" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289581&xcode=043&mcode=001&scode=008&special=1&GfDT=bm91W18%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000202.jpg?06141344" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289580&xcode=043&mcode=001&scode=008&special=1&GfDT=aWV5"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000192.jpg?06141414" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289372&xcode=017&mcode=001&scode=005&special=1&GfDT=Z293VA%3D%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010002002.jpg?05271354" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289140&xcode=040&mcode=003&scode=001&special=1&GfDT=bWV7"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0400030000032.jpg?06151323" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289142&xcode=017&mcode=001&scode=005&special=1&GfDT=bmx9W1s%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001992.jpg?05161641" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289141&xcode=017&mcode=001&scode=003&special=1&GfDT=ZmV1"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001982.jpg?06151315" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289139&xcode=017&mcode=001&scode=005&special=1&GfDT=bml5W1U%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001972.jpg?05161650" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289129&xcode=017&mcode=005&scode=003&special=1&GfDT=ZmZ3UFw%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170050000712.jpg?05161646" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289127&xcode=017&mcode=005&scode=003&special=1&GfDT=bWh3UF0%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170050000692.jpg?05161700" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289128&xcode=017&mcode=005&scode=002&special=1&GfDT=aG93UF4%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170050000702.jpg?06031532" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288284&xcode=006&mcode=006&scode=003&special=1&GfDT=bm9%2FW11H"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0060060000172.jpg?06081537" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288283&xcode=006&mcode=006&scode=003&special=1&GfDT=bmp3UFg%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0060060000162.jpg?05201754" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288851&xcode=004&mcode=005&scode=001&special=1&GfDT=bm95W11B"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0040050000042.jpg?06151312" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288849&xcode=004&mcode=005&scode=001&special=1&GfDT=bmx1W11C"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0040050000032.jpg?06151312" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288687&xcode=021&mcode=007&scode=004&special=1&GfDT=bmt1W11D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210070000292.jpg?04221319" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288686&xcode=021&mcode=007&scode=004&special=1&GfDT=a2p3UFQ%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210070000282.jpg?04291033" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288387&xcode=060&mcode=005&scode=001&special=1&GfDT=bmt5W11N"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0600050000412.jpg?05301525" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288386&xcode=060&mcode=005&scode=001&special=1&GfDT=aWh3U1w%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0600050000402.jpg?05101526" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288385&xcode=060&mcode=005&scode=001&special=1&GfDT=a2V%2FUA%3D%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0600050000392.jpg?05101526" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288288&xcode=068&mcode=005&scode=001&special=1&GfDT=aGt3U14%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0680050000022.jpg?06151337" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288287&xcode=068&mcode=005&scode=001&special=1&GfDT=aGV%2FUg%3D%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0680050000012.jpg?06151337" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288290&xcode=004&mcode=005&scode=001&special=1&GfDT=bm51W15A"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0040050000022.jpg?05201750" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288277&xcode=015&mcode=005&scode=005&special=1&GfDT=bmp4W15B"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150050000462.jpg?04291746" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288273&xcode=015&mcode=005&scode=002&special=1&GfDT=bmt%2FW15C"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150050000422.jpg?04291744" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288271&xcode=015&mcode=005&scode=005&special=1&GfDT=amp3U1s%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150050000402.jpg?04291743" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288282&xcode=015&mcode=007&scode=001&special=1&GfDT=bml6W15M"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150070000462.jpg?04291751" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288281&xcode=015&mcode=007&scode=001&special=1&GfDT=bG53U1U%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150070000452.jpg?04291750" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287893&xcode=017&mcode=001&scode=005&special=1&GfDT=bWd3Ulw%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001942.jpg?05161644" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287381&xcode=017&mcode=007&scode=003&special=1&GfDT=bml3Ul0%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170070001752.jpg?05121505" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287370&xcode=017&mcode=001&scode=003&special=1&GfDT=bmt9W19G"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001922.jpg?05101521" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287369&xcode=017&mcode=001&scode=003&special=1&GfDT=bmx4W19H"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001912.jpg?04151621" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287376&xcode=020&mcode=006&scode=001&special=1&GfDT=bm14W19A"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0200060000052.jpg?04151638" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287374&xcode=020&mcode=006&scode=001&special=1&GfDT=Zmd3Ulk%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0200060000032.jpg?06081542" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287367&xcode=063&mcode=004&scode=001&special=1&GfDT=bml6W19C"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0630040000122.jpg?04291717" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287222&xcode=021&mcode=004&scode=002&special=1&GfDT=aGZ3Uls%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210040000442.jpg?05301532" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287221&xcode=021&mcode=004&scode=002&special=1&GfDT=amp3UlQ%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210040000432.jpg?04151629" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287087&xcode=044&mcode=005&scode=001&special=1&GfDT=bGV%2BWA%3D%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0440050000192.jpg?02261733" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287086&xcode=044&mcode=005&scode=001&special=1&GfDT=aG93VVw%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0440050000182.jpg?04281711" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287085&xcode=044&mcode=005&scode=001&special=1&GfDT=bm96W1hF"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0440050000172.jpg?04271637" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287043&xcode=030&mcode=005&scode=001&special=1&GfDT=bmp4W1hG"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0300050000092.jpg?05201826" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286887&xcode=009&mcode=004&scode=004&special=1&GfDT=Zm13VV8%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0090040001082.jpg?05201758" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286886&xcode=009&mcode=004&scode=004&special=1&GfDT=bGl3VVg%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0090040001072.jpg?05201759" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286885&xcode=009&mcode=004&scode=004&special=1&GfDT=bmh9W1hB"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0090040001062.jpg?05201800" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286866&xcode=006&mcode=004&scode=001&special=1&GfDT=bmt0W1hC"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0060040000012.jpg?04151605" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286609&xcode=047&mcode=006&scode=001&special=1&GfDT=bm17W1hD"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0470060000072.jpg?06151330" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286604&xcode=047&mcode=006&scode=001&special=1&GfDT=bmt4W1hM"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0470060000032.jpg?06151329" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286603&xcode=047&mcode=006&scode=001&special=1&GfDT=bW53VVU%3D"><amp-img src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0470060000022.jpg?06151328" width="" height="160" layout="responsive" alt="Code Slider Sản Phẩm bằng Javascript"></amp-img></a>            </li>
</ul>
</div>
</div>
<p>

📁 Code Demo

Bài viết liên quan

Code Slider Sản Phẩm bằng Javascript

Trang này có hữu ích không?