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
  • 10473
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Ì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