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 > HTML5, CSS3 & JQUERY > JQUERY
Đă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
  #1  
Old 12-12-2012, 10:33
hungdk_nhatnghe hungdk_nhatnghe vẫn chưa có mặt trong diễn đàn
Moderator
 
Tham gia ngày: Nov 2012
Tuổi: 30
Bài gởi: 135
Thanks: 14
Thanked 81 Times in 51 Posts
KHÓA HỌC JQUERY - LẬP TRÌNH JQUERY - Jquery Tabs

Jquery Tabs


DOWNLOAD || DEMO



Chuẩn bị :

Chép các thư viện main.css, jquery-1.2.3.pack.js, jquery.idTabs.min.js vào thư mục chứa site.

Bước 1 : Thêm thư viện vào trang web

Dán đoạn mã sau vào thẻ head

PHP Code:
<link rel="stylesheet" href="main.css" type="text/css" title='main' media="screen" />
<
script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
<script type="text/javascript" src="jquery.idTabs.min.js"></script> 

Bước 2 :

Viết mã html theo cấu trúc như sau:

PHP Code:
<div id="idtab" class="usual"
  <
ul
    <
li><a href="#tab1" class="selected">Tab 1</a></li
    <
li><a href="#tab2">Tab 2</a></li
    <
li><a href="#tab3">Tab 3</a></li
  </
ul
  <
div id="tab1">Nội dung tab 1.</div
  <
div id="tab2">Nội dung tab 2.</div
  <
div id="tab3">Nội dung tab 3.</div
</
div
Bước 3 : Dùng jquery tác dụng lên mã html ở bước 2

Ngay sau mã html trên, ta dán vào đoạn mã sau:

PHP Code:
<script type="text/javascript"
  $(
"#idtab").idTabs(); 
</script> 

Kết thúc.
Trả Lời Với Trích Dẫn
  #2  
Old 03-12-2013, 16:52
thamtutamlong1 thamtutamlong1 vẫn chưa có mặt trong diễn đàn
Khám Phá
 
Tham gia ngày: Aug 2013
Tuổi: 29
Bài gởi: 153
Thanks: 3
Thanked 4 Times in 4 Posts
anh ơi có gì add yahoo em vào để em hỏi vài vấn đề liên quan đến LẬP TRÌNH JQUERY, yahoo e là boydeptrai_1m72. cảm ơn anh nhiều.

_____________________
p/s: hiện tại đang làm bên dich vu tham tu Tam Long nên không còn online diễn đàn nhiều như trước được nữa chỉ online = y/h trên di động thôi. có gì trao đổi qua y/h nhé
Trả Lời Với Trích Dẫn
  #3  
Old 05-01-2015, 14:32
ntkoreanstyle ntkoreanstyle vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Nov 2014
Tuổi: 31
Bài gởi: 33
Thanks: 0
Thanked 4 Times in 4 Posts
Thầy ơi cho e hỏi chút,e thêm như thế này nhưng bị xung đột với jquery khác thì xử lý thế nào đc ạ.
Trả Lời Với Trích Dẫn
  #4  
Old 14-01-2015, 09:34
seriviet seriviet vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Oct 2011
Nơi Cư Ngụ: Hà Nội
Tuổi: 26
Bài gởi: 4
Thanks: 17
Thanked 23 Times in 23 Posts
Trích:
Nguyên văn bởi ntkoreanstyle View Post
Thầy ơi cho e hỏi chút,e thêm như thế này nhưng bị xung đột với jquery khác thì xử lý thế nào đc ạ.
Bị xung đột với JS khác theo mình nhiều khả năng bạn bị lặp 2 thư viện JS.
Bạn xóa đi 1 thư viện là đc. Khả năng là cái này
<script type="text/javascript" src="jquery-1.2.3.pack.js"></script>
Trả Lời Với Trích Dẫn
  #5  
Old 28-04-2017, 14:12
namhoang217 namhoang217 vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: Apr 2017
Tuổi: 27
Bài gởi: 1
Thanks: 0
Thanked 0 Times in 0 Posts
giờ chắc không ai dùng kiểu lập trình này nữa rồi
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



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