Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ
Trang Chủ Giới Thiệu Chương Trình Học Tài Liệu Lịch Khai Giảng Học Phí Việc Làm Lộ trình học

Go Back   Trung Tâm Đào Tạo Mạng Máy Tính Nhất Nghệ > WEB - ĐỒ HỌA - LẬP TRÌNH > Web Development > HTML/JavaScript
Đăng Ký Thành Viên Thành Viên Lịch Ðánh Dấu Ðã Ðọc


Vui lòng gõ từ khóa liên quan đến vấn đề bạn quan tâm vào khung dưới , trước khi đặt câu hỏi mới.


Trả lời
 
Ðiều Chỉnh
  #211  
Old 28-05-2013, 10:07
JavaScriptBank JavaScriptBank vẫn chưa có mặt trong diễn đàn
Khám Phá
 
Tham gia ngày: Apr 2009
Tuổi: 34
Bài gởi: 208
Thanks: 0
Thanked 13 Times in 4 Posts
Nút nhấn với CSS3: Hướng dẫn & Ví dụ nhỏ nhưng hữu ích

Bài viết này sẽ hướng dẫn bạn tạo ra các nút nhấn HTML với các thuộc tính của CSS3 - một công nghệ m... chi tiết tại JavaScriptBank.com - 2.000+ free JavaScript codes


Cách cài đặt



Hiệu ứng cùng chức năng
- javascriptON.com - Hướng dẫn kích hoạt JavaScript nhanh chóng


Một vài nhãn tương tự: nút nhấn CSS3, hướng dẫn CSS3, ví dụ CSS3, nút nhấn HTML CSS3, thuộc tính CSS3, ví dụ mẫu CSS3
Bạn có thể xem thêm nhiều JavaScript khác về Bài viết




Trả Lời Với Trích Dẫn
  #212  
Old 30-05-2013, 10:57
JavaScriptBank JavaScriptBank vẫn chưa có mặt trong diễn đàn
Khám Phá
 
Tham gia ngày: Apr 2009
Tuổi: 34
Bài gởi: 208
Thanks: 0
Thanked 13 Times in 4 Posts
Nút nhấn với CSS3: Hướng dẫn & Ví dụ nhỏ nhưng hữu ích

Bài viết này sẽ hướng dẫn bạn tạo ra các nút nhấn HTML với các thuộc tính của CSS3 - một công nghệ m... chi tiết tại JavaScriptBank.com - 2.000+ free JavaScript codes


Cách cài đặt



Đoạn mã tương tự
- javascriptON.com - Hướng dẫn kích hoạt JavaScript nhanh chóng


Một vài nhãn tương tự: nút nhấn CSS3, hướng dẫn CSS3, ví dụ CSS3, nút nhấn HTML CSS3, thuộc tính CSS3, ví dụ mẫu CSS3
Bạn có thể xem thêm nhiều JavaScript khác về Bài viết




Trả Lời Với Trích Dẫn
  #213  
Old 22-06-2013, 10:32
JavaScriptBank JavaScriptBank vẫn chưa có mặt trong diễn đàn
Khám Phá
 
Tham gia ngày: Apr 2009
Tuổi: 34
Bài gởi: 208
Thanks: 0
Thanked 13 Times in 4 Posts
Dự án trưng bày và trình diễn ảnh đa trình duyệt

Hiện tại, có rất nhiều hiệu ứng JavaScript để tạo một album ảnh, một không gian trưng bày ảnh hay một <a h... chi tiết tại JavaScriptBank.com - 2.000+ free JavaScript codes


Cách cài đặt

Bước 1: Copy mã CSS bên dưới và dán vào khu vực HEAD trên trang web của bạn
CSS
Code:
<link rel="stylesheet" type="text/css" href="srpgs.css"/>
Bước 2: Đặt mã JavaScript bên dưới vào phần HEAD
JavaScript
Code:
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="srpgs.js"></script>
<script type="text/javascript">
/*
* Project	:	Single Responsive Photo Gallery plus Slideshow
* Author	:	Phong Thai (http://www.javascriptbank.com/)
* Support	:	http://www.javascriptbank.com/
* Version	:	1.0
*/

/*
	You are free to use this plugin in any personal, commercial project without my permission.
	But please help me by leaving the Copyright sign, it just occupies about 10 pixels, 
	otherwise please help me with a milk coffee (paypal) to remove this sign.
*/

var srpgs_slideshowSpeed = 5000,	// speed of the automatic slideshow
	srpgs_scroll_delay = 700,		// speed of the scrolling controls
	srpgs_path_pics = 'pics/';		// path to large photos
	srpgs_path_thumb = 'pics/thumbnails/';

var srpgs_photos = [ {
		"image" : "srpgs-01.jpg"
	}, {
		"image" : "srpgs-02.jpg"
	}, {
		"image" : "srpgs-03.jpg"
	}, {
		"title" : "Title of Photo #04",
		"image" : "srpgs-04.jpg",
		"url" : "http://www.yoursite.com/photo-set-01/",
		"subject" : "#04 in Subject of Set #1"
	}, {
		"title" : "Title of Photo #05",
		"image" : "srpgs-05.jpg",
		"url" : "http://www.yoursite.com/photo-set-01/",
		"subject" : "#05 in Subject of Set #1"
	}, {
		"title" : "Title of Photo #06",
		"image" : "srpgs-06.jpg",
		"url" : "http://www.yoursite.com/photo-set-02/",
		"subject" : "Subject of Set #2: Photo #06"
	}, {
		"title" : "",
		"image" : "srpgs-07.jpg",
		"url" : "",
		"subject" : ""
	}, {
		"title" : "Title of Photo #08",
		"image" : "srpgs-08.jpg",
		"url" : "http://www.yoursite.com/photo-set-02/",
		"subject" : "Subject of Set #2: Photo #08"
	}, {
		"image" : "srpgs-09.jpg"
	}, {
		"image" : "srpgs-10.jpg"
	}, {
		"image" : "srpgs-11.jpg"
	}, {
		"image" : "srpgs-12.jpg"
	}, {
		"image" : "srpgs-13.jpg"
	}, {
		"image" : "srpgs-14.jpg"
	}, {
		"image" : "srpgs-15.jpg"
	}, {
		"image" : "srpgs-16.jpg"
	}, {
		"image" : "srpgs-17.jpg"
	}, {
		"image" : "srpgs-18.jpg"
	}
];
</script>
Bước 3: Đặt mã HTML bên dưới vào phần BODY
HTML
Code:
<div class="srpgs-container">
	<!-- Photo placeholders -->
	<div id="srpgs-slideshow">
		<div id="srpgs-rotate-1" class="srpgs-holder"><img src="" /></div>
		<div id="srpgs-rotate-2" class="srpgs-holder"><img src="" /></div>
	</div>
	
	<!-- Photo slideshow controls -->
	<div id="srpgs-control">
		<div class="srpgs-thumbs-nav copyright"><a href="http://www.javascriptbank.com" title="Copyright 2013">+</a></div>
		<div class="srpgs-thumbs-nav up"></div>
		<div id="srpgs-thumbs-gallery"></div>
		<div class="srpgs-thumbs-nav down"></div>
		<div id="srpgs-control-btns">
			<div id="srpgs-control-back"></div>
			<div id="srpgs-control-play-pause"></div>
			<div id="srpgs-control-next"></div>
		</div>
	</div>
	
	<!-- Titles and subjects of the photos -->
	<div id="srpgs-picture">
		<span id="srpgs-picture-title"></span>
		<p class="srpgs-picture-link">
			In: <a href="#" id="srpgs-picture-url"></a>
		</p>
	</div>
</div>



Một vài nhãn tương tự: dự án trưng bày ảnh, dự án trình diễn ảnh, trình diễn ảnh đa trình duyệt, trưng bày ảnh đa trình duyệt
Bạn có thể xem thêm nhiều JavaScript khác về Dự án




Trả Lời Với Trích Dẫn
Trả lời

Bookmarks

Ðiều Chỉnh

Quyền Sử Dụng Ở Diễn Ðàn
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is Mở
Smilies đang Mở
[IMG] đang Mở
HTML đang Tắt

Chuyển đến

Similar Threads
Ðề tài Người Gởi Chuyên mục Trả lời Bài mới gởi
Vấn đề về Javascript ??? mn2so4 Web Development 2 26-06-2009 00:08
[Help] Lính mới Javascript, xin nhờ các cao thủ chỉ giáo! aleale Web Development 7 06-06-2009 15:38
tự tạo bản đồ bằng javascript duytran31187 Web Development 5 27-04-2009 22:03
Hỏi về Javascript KOL Web Development 3 24-04-2009 17:53
cần giúp đỡ về lỗi JavaScript huynhminhtuan Web Development 3 01-04-2009 18:50



Múi giờ GMT +7. Hiện tại là 19:08
Powered by: vBulletin Version 3.8.7
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
Ad Management by RedTyger