Đóng góp

Liên hệ

DOTNET

Windows Form WPF Console ASP.NET ASP.NET MVC 2 ASP.NET AJAX Class Library Silverlight WCF DotNetNuke Crystal Report SharePoint LightSwitch .NET Framework .NET Base Class Library Regular Expressions XML Chart Controls Azure LINQ to SQL Microsoft Office Office Live Development Team Foundation Server Maps ADO Control Tips Config Facebook Apps Visual Studio 2012 Windows Phone

Yêu cầu thêm chuyên mục mới| Xem tất cả
JAVA

Applet Swing/JFC/AWT/SWT Network J2ME J2SE J2EE Web Service và XML Portal Android Other C/C++ IOS
PHP

VBB JOOMLA WDPRESS DRUPAL NUKEVIET ZEND CAKE PHP MVC MAGENTO LINUX WEBSERVER OTHER
DATABASE

MySQL Tip SQL Server Guide
ĐÀO TẠO

Compare Guide Introduction Install SEO Project GRAPHICS MMO
SÁCH
PHẦN MỀM
TIN TỨC
SEO

Learning SEO SEO On-Page Thủ thuật SEO Phần mềm SEO Thuật ngữ
TIẾNG ANH

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 vào 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
3787

Tải tệp tin: Click ở đây

loading...

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

Loading...

Demo Online

Bước 1:

Tải MetroJs.min.css

Tải jquery-1.8.3.min.js

Tải MetroJs.min.js

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

Tài liệu học Thực hành Lập trình di động - Android Studio [LINQ]Phần 5: Các kiểu quan hệ trong truy vấn LINQ [LINQ]Phần 4: Chuyển đổi dữ liệu với LINQ (C#) [LINQ]Phần 3: Các truy vấn cơ bản trong LINQ [LINQ]Phần 2: LINQ và các dạng chung (Generic Types) trong C# [LINQ]Phần 1: Giới thiệu Linq Từ khóa LET(C# Refenrence) [ASP.NET MVC]Phần 11: Thêm chức năng tìm kiếm [ASP.NET MVC]Phần 10: Tìm hiểu 2 phương thức Create, Delete và các View liên quan [ASP.NET MVC]Phần 9: Tìm hiểu về các phương thức Edit và View Edit

Xem tất cả

Loading...

LIKE BOX

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

LẤY LẠI MẬT KHẨU SA TRONG SQL SERVER 2005 2008 (59084) Các kiểu dữ liệu SQL (49889) Một số bài tập mẫu SQL(Phân I) (48445) Kiểu dữ liệu Array và List trong C# (48444) Chuyển đổi giữa các hệ cơ số (46034) [TUT]Xây dựng Website Bán Hàng - Hướng dẫn tạo DataBase (45262) CSS cho các thẻ theo trạng thái (link, hover, visited, active, focus) (40589) Xây dựng Lớp Phân Số. Tính toán Cộng, trừ, nhân, chia (32382) Hướng dẫn khắc phục lỗi không tạo được Diagrams(sơ đồ quan hệ) trong SQL 2005/2008 (23933) Prototype là gì? (23162)

Xem tất cả

HỌC HTML

Học Hệ thống Mạng

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