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

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><img src="http://www.premiumsneakers.kr/design/perfectsuz/onedesign/images/mdbtn_01.png" border="0" alt="" /></div>
<div><img src="http://www.premiumsneakers.kr/design/perfectsuz/onedesign/images/mdbtn_02.png" border="0" alt="" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430060000012.jpg?06141414" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000222.jpg?06141343" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000212.jpg?06141341" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000202.jpg?06141344" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289580&xcode=043&mcode=001&scode=008&special=1&GfDT=aWV5"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0430010000192.jpg?06141414" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010002002.jpg?05271354" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289140&xcode=040&mcode=003&scode=001&special=1&GfDT=bWV7"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0400030000032.jpg?06151323" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001992.jpg?05161641" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=289141&xcode=017&mcode=001&scode=003&special=1&GfDT=ZmV1"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001982.jpg?06151315" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001972.jpg?05161650" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170050000712.jpg?05161646" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170050000692.jpg?05161700" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170050000702.jpg?06031532" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0060060000172.jpg?06081537" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0060060000162.jpg?05201754" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288851&xcode=004&mcode=005&scode=001&special=1&GfDT=bm95W11B"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0040050000042.jpg?06151312" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288849&xcode=004&mcode=005&scode=001&special=1&GfDT=bmx1W11C"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0040050000032.jpg?06151312" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288687&xcode=021&mcode=007&scode=004&special=1&GfDT=bmt1W11D"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210070000292.jpg?04221319" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210070000282.jpg?04291033" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288387&xcode=060&mcode=005&scode=001&special=1&GfDT=bmt5W11N"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0600050000412.jpg?05301525" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0600050000402.jpg?05101526" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0600050000392.jpg?05101526" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0680050000022.jpg?06151337" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0680050000012.jpg?06151337" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288290&xcode=004&mcode=005&scode=001&special=1&GfDT=bm51W15A"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0040050000022.jpg?05201750" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288277&xcode=015&mcode=005&scode=005&special=1&GfDT=bmp4W15B"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150050000462.jpg?04291746" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150050000422.jpg?04291744" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150050000402.jpg?04291743" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=288282&xcode=015&mcode=007&scode=001&special=1&GfDT=bml6W15M"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150070000462.jpg?04291751" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0150070000452.jpg?04291750" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001942.jpg?05161644" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170070001752.jpg?05121505" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287370&xcode=017&mcode=001&scode=003&special=1&GfDT=bmt9W19G"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001922.jpg?05101521" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287369&xcode=017&mcode=001&scode=003&special=1&GfDT=bmx4W19H"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0170010001912.jpg?04151621" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287376&xcode=020&mcode=006&scode=001&special=1&GfDT=bm14W19A"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0200060000052.jpg?04151638" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0200060000032.jpg?06081542" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287367&xcode=063&mcode=004&scode=001&special=1&GfDT=bml6W19C"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0630040000122.jpg?04291717" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210040000442.jpg?05301532" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0210040000432.jpg?04151629" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0440050000192.jpg?02261733" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0440050000182.jpg?04281711" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287085&xcode=044&mcode=005&scode=001&special=1&GfDT=bm96W1hF"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0440050000172.jpg?04271637" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=287043&xcode=030&mcode=005&scode=001&special=1&GfDT=bmp4W1hG"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0300050000092.jpg?05201826" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0090040001082.jpg?05201758" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0090040001072.jpg?05201759" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286885&xcode=009&mcode=004&scode=004&special=1&GfDT=bmh9W1hB"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0090040001062.jpg?05201800" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286866&xcode=006&mcode=004&scode=001&special=1&GfDT=bmt0W1hC"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0060040000012.jpg?04151605" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286609&xcode=047&mcode=006&scode=001&special=1&GfDT=bm17W1hD"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0470060000072.jpg?06151330" height="160" /></a>            </li>
<li>                <a href="http://www.thichcode.net/shop/shopdetail.html?branduid=286604&xcode=047&mcode=006&scode=001&special=1&GfDT=bmt4W1hM"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0470060000032.jpg?06151329" height="160" /></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"><img class="MS_prod_img_m" src="http://www.premiumsneakers.kr/shopimages/perfectsuz/0470060000022.jpg?06151328" height="160" /></a>            </li>
</ul>
</div>
</div>
<p>

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

Có thể bạn thích ?

Một bình luận trên “Code Slider Sản Phẩm bằng Javascript”

Trả lời Hủy

Liên Hệ