Thủ thuật

Cấp bậc tác giả:

HTML

Hướng dẫn làm chữ, ảnh chuyển động mượt mà, nhẹ nhàng

Được viết bởi webmaster ngày 21/07/2015 lúc 02:07 PM
Bài này giúp sử dụng thuần thục JS giúp chuyển động chữ hoặc ảnh giống như marquee
  • 0
  • 5168
Tải tệp tin: Click ở đây

Hướng dẫn làm chữ, ảnh chuyển động mượt mà, nhẹ nhàng


Demo Online

Bước 1: 

Bước 2:

Copy Dòng này vào trong BODY

<head>
<link href="MetroJs.min.css"
rel="stylesheet" type="text/css">
</head>
<body>
<div>
<ul class="live-tile" data-speed="300" data-delay="2000" data-mode="carousel">
<li>
<img src="http://dct.udn.vn/../Upload/LienKet/290814094356doan_s3.png" alt="">
</li>
<li>
<img src="http://dct.udn.vn/../Upload/LienKet/030914075233cong-nghe.png" alt="" >
</li>
</ul>
</div>
<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="MetroJs.min.js"
type="text/javascript"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN CORE TEMPLATE JS -->
<script type="text/javascript">
$(document).ready(function () {
$(".live-tile,.flip-list").liveTile();
});
</script>
</body>

Chú ý:
Để ảnh qua trái: data-direction="horizontal" Để ảnh lật: data-mode="flip"
Để ảnh nằm trong ô vuông và lật ảnh: data-mode="flip-list"

Xem thêm tại đây: http://www.drewgreenwell.com/projects/metrojs

Nguồn bài viết: DOTNET.VN

Bài viết tương tự

BÌNH LUẬN BÀI VIẾT

Bài viết mới nhất

LIKE BOX

Bài viết được xem nhiều nhất

HỌC HTML

Xem tất cả

Học Hệ thống Mạng

Xem tất cả
Đối tác:                        

Thiết kế bởi DOTNET GROUP.  Hoàn thành giai đoạn I

©2019 DOTNET GROUP. All contents are copyright of their authors.