Code Tạo Slide ảnh Chạy Ngang - ECHIPKOOL SHOP

Trang chủ » Slide ảnh Chạy Ngang Html » Code Tạo Slide ảnh Chạy Ngang - ECHIPKOOL SHOP

Có thể bạn quan tâm

ECHIPKOOL SHOP - Chuyên sản xuất Linh Kiện - Đèn Led - Đồng hồ Led - Smarthome
  • Home
  • Giới thiệu
  • Sản phẩm Đồng hồ Hot
  • Sản phẩm Đèn led
  • Liên hệ
  • Tin tức
  • Admin
Chat

Chat WhatsApp

Nguyễn Duy

Nội Dung

Thế Bang

Kỹ thuật Laser

Đào Nguyện

Kỹ thuật Coder

Hữu Nho

Sales 2

Danh mục Đóng
  • Linh kiện điện tử
  • Đèn led trang trí
  • Đồng hồ Led Decor
  • Đồng hồ treo tường
  • Nhà thông minh
  • Vẽ mạch - Lập trình
  • Gia công mạch in PCB
  • Gia công CNC LASER
  • Hàng thanh lý
  • Hàng khuyến mại
Giỏ hàng
Số lượng: 0
Tạm tính: 0
Phí vận chuyển:
Tổng cộng:
Xóa hết Đặt hàng Home thủ thuật blogger Code tạo slide ảnh chạy ngang Code tạo slide ảnh chạy ngang Code tạo slide ảnh chạy ngang Product Tags: thủ thuật blogger Số lượng: Thêm vào giỏ Code tạo slide ảnh chạy ngang đã được thêm vào giỏ hàng Bạn đang có website và muốn làm một số hiệu ứng chay website thêm sinh động.Tuy nhiên ảnh flash thường làm cho website của bạn chậm hơn, load lâu. Ở bài viết này mình hướng dẫn các bạn tạo một slide ảnh chạy ngang website. Hiệu ứng đơn giản đẹp mắt, dễ load và đặc biệt rất đơn giản để sử dụngBước 1: Chuẩn bị các ảnh có kích thước bằng nhau: Bước 2: Up ảnh lên site của mình để lấy link ảnh: Trong quản trị vào Nội dung >> Quản lý ảnh >> chọn Images để up ảnh Sau khi up xong click chuột phải vào ảnh để Xem ảnh và copy link: Bước 3: Thay link website, và link ảnh vào đoạn code sau: <div class="Modul_nd"> <div class="chuyenmuc"> <style type="text/css"> #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 960; } #demo img { border: 3px solid #F2F2F2; } #indemo { float: left; width: 800%; } #demo1 { float: left; } #demo2 { float: left; } </style> <div id="demo"> <div id="indemo"> <div id="demo1"> <a href="http://myphamxachtayus.com/trang-diem/166757.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/111.jpg" style="width: 272px; height: 185px;" /></a><a href="http://myphamxachtayus.com/duong-da/166756.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/112.jpg" style="width: 220px; height: 185px;" /></a><a href="http://myphamxachtayus.com/clinique/166367.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/113.jpg" style="width: 220px; height: 185px;" /></a><a href="http://myphamxachtayus.com/trang-diem/166757.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/114.jpg" style="width: 240px; height: 185px;" /></a></div> <div id="demo2"> <a href="http://myphamxachtayus.com/estee-lauder/166368.html"><img alt="" src="http://myphamxachtayus.bizwebvietnam.com/Sites/10054/Data/images/115.jpg" style="width: 254px; height: 185px;" /></a></div> </div> </div> <script> var speed = 40; var tab = document.getElementById("demo"); var tab1 = document.getElementById("demo1"); var tab2 = document.getElementById("demo2"); tab2.innerHTML = tab1.innerHTML; function Marquee() { if (tab2.offsetWidth - tab.scrollLeft <= 0) tab.scrollLeft -= tab1.offsetWidth else { tab.scrollLeft++; } } var MyMar = setInterval(Marquee, speed); tab.onmouseover = function() { clearInterval(MyMar) }; tab.onmouseout = function() { MyMar = setInterval(Marquee, speed) }; </script> </div> </div> Trong đó tất cả chỗ nào có: <a href: Thay link liên kết website img alt="" src="Thay link ảnh" var speed: điều chỉnh tốc độ chạy của slide ảnh Bước 4: Sau khi đã chỉnh sửa thay link xong, bạn thêm mới module text/htlm, và copy code và module. Ấn Lưu hoặc Cập nhật Sau đó bạn có thể Xem website để xem thành quả của mình. Chúc các bạn thực hiện thành công. Echipkool - Chia sẻ kiến thức - Kết nối đam mê điện tử

Related

Popular Posts

Hướng dẫn Mạch đồng hồ Giờ phút giây - Ngày tháng năm

Hướng dẫn Mạch đồng hồ Giờ phút giây - Ngày tháng năm

Hướng dẫn làm mạch đèn trái tim 32 led - Valentine

Hướng dẫn làm mạch đèn trái tim 32 led - Valentine

Hướng dẫn làm led cube 5x5x5 với 89S52 !!

Hướng dẫn làm led cube 5x5x5 với 89S52 !!

Hướng dẫn làm mạch trái tim ( Update)

Hướng dẫn làm mạch trái tim ( Update)

Hướng dẫn làm mạch đồng hồ thời gian thực ds1307

Hướng dẫn làm mạch đồng hồ thời gian thực ds1307

Hướng dẫn làm mạch đồng hồ dùng led đơn

Hướng dẫn làm mạch đồng hồ dùng led đơn

Maps

Linh kiện

  • www.linhkiencuatui.com
  • Linh Kiện điện tử
  • Linh Kiện đèn led
  • Pin - sạc dự phòng
  • Linh Kiện CNC

Đèn led trang trí

  • www.godenled.com
  • Đèn led tủ bếp
  • Đèn led tủ rượu
  • Đèn led cầu thang
  • Đèn led pháo hoa

Đồng hồ led

  • www.dientucuatui.com
  • www.dongholed.com
  • Đồng hồ treo tường led
  • Đồng hồ đo nhiệt độ
  • Đồng hồ đếm ngược

Nhà thông minh

  • www.smarthomesh.com
  • Đèn Led gương nhà tắm
  • Đèn Led tủ bếp thông minh
  • Đèn Led tủ quần áo cảm ứng
  • Đèn Led tủ giày cảm ứn

Liên kết đối tác

Vận chuyển

Giới thiệu về chúng tôi

CÔNG TY TNHH ĐIỆN TỬ ECHIPKOOL Chuyên sản xuất kinh doanh Đèn led - Đồng Hồ Led - SmartHome - Địa chỉ: Ngõ 176 - Đ. Phú Diễn - Bắc Từ Liêm - Hà Nội - Hotline/ Zalo: 03.6666.1219 - 0333.17.1699 - Email: dientucuatui.com@gmail.com Luôn chân thành trung thực phục vụ quý khách hàng Linh Kiện Điện Tử - Đèn led gỗ, Đèn led trang trí Decor - Đồng hồ Led Nhiệt Độ/ Độ ẩm - Đồng hồ thời gian thực - Đồng hồ đếm ngược led - Thiết bị Smarthome Boardlink/ Sonoff/ Tuya - Cầu thang led cảm ứng thông minh - Giải pháp công nghệ Nội Dung: Nguyễn Đình Duy Kỹ thuật Laser: Vũ Thế Bang Kỹ thuật Coder: Đào Nguyện Kỹ Thuật Coder: Hữu Nho Marketing: Nguyễn Hằng

Copyright © Buy by echipkool.com - Modernshop
    Liên kết Đối tác:

Từ khóa » Slide ảnh Chạy Ngang Html