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, 17:45
hungdk_nhatnghe hungdk_nhatnghe vẫn chưa có mặt trong diễn đàn
Moderator
 
Tham gia ngày: Nov 2012
Tuổi: 31
Bài gởi: 135
Thanks: 14
Thanked 81 Times in 51 Posts
KHÓA HỌC JQUERY - LẬP TRÌNH JQUERY - Xoay sản phẩm 360 độ

Xoay sản phẩm 360 độ


DOWNLOAD || DEMO



Chuẩn bị :

Giải nén gói down về, copy thư mục 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:
<script type="text/javascript" src="js/jquery-1.4.4.min.js" ></script>
        <script type="text/javascript" src="js/j360.js" ></script> 
Bước 2 : Dùng jquery tác dụng lên mã html ở bước 3

Dán đoạn mã jquery vào nơi muốn hiện ảnh sản phẩm xoay

PHP Code:
<script type="text/javascript">
            
jQuery(document).ready(function() {
                
jQuery('#product').j360();
            });
        
</script> 

Bước 3 :

Ngay sau đoạn mã script trên, ta viết mã html theo cấu trúc như sau:

PHP Code:
<center>
            <
div id="product" style="width: 640px; height: 480px; overflow: hidden;cursor: move;">
                <
img src='samsung_galaxy_img/dien-thoai-di-dong-samsung-galaxy-note-2-n7100-1.jpg' alt="" style="cursor: move;" />
........................................................................................
.........................................................................................
......
                <
img src='samsung_galaxy_img/dien-thoai-di-dong-samsung-galaxy-note-2-n7100-35.jpg' alt="" style="cursor: move;" />
        <
img src='samsung_galaxy_img/dien-thoai-di-dong-samsung-galaxy-note-2-n7100-36.jpg' alt="" style="cursor: move;" />
             </
div>
        </
center


Kết thúc.
Trả Lời Với Trích Dẫn
Đã có 3 người gửi lời cảm ơn hungdk_nhatnghe vì bài viết hữu ích này:
  #2  
Old 12-12-2012, 23:26
hongkong hongkong vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Aug 2009
Tuổi: 31
Bài gởi: 20
Thanks: 9
Thanked 5 Times in 4 Posts
Thích cái thằng này xoay xoay đẹp quá.
Trả Lời Với Trích Dẫn
  #3  
Old 15-12-2012, 18:08
hoang_hieu_com hoang_hieu_com vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: May 2010
Tuổi: 32
Bài gởi: 49
Thanks: 57
Thanked 21 Times in 9 Posts
Hay, thanks ! anh nhiều
Trả Lời Với Trích Dẫn
  #4  
Old 28-05-2013, 10:19
anmay123 anmay123 vẫn chưa có mặt trong diễn đàn
Mới Đăng Ký
 
Tham gia ngày: May 2013
Tuổi: 31
Bài gởi: 1
Thanks: 0
Thanked 0 Times in 0 Posts
mình cũng làm vậy mà ko dc là sao vậy ta

-----------------------------------------
du lich phan thiet | du lich mien tay | du lich mien bac | du lich da lat | du lich | cong ty du lich | quảng cáo google | quảng cáo trên google
Trả Lời Với Trích Dẫn
  #5  
Old 03-06-2013, 08:59
SoNoob SoNoob vẫn chưa có mặt trong diễn đàn
Thành Viên Mới
 
Tham gia ngày: Nov 2012
Bài gởi: 10
Thanks: 13
Thanked 2 Times in 2 Posts
Hãi hùng, điều kiện để mấy cái hình xoay được thì phải có cả đống hình rồi, nản quá
______________________
hop den sieu mong, hop den ep noi, bang den da quang, bang led da quang, format, formex, phôm, tam mica dan sang, vat tu quang cao, nhom lam hop den sieu mong
Trả Lời Với Trích Dẫn
  #6  
Old 31-10-2013, 21:09
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: 152
Thanks: 3
Thanked 4 Times in 4 Posts
híc cái này khó quá. anh có video nào hướng dẫn thêm về LẬP TRÌNH JQUERY cho em xin cái link lun nha. link youtube cũng được.. thạnk a.

_________________________
p/s: cong ty tham tu
Trả Lời Với Trích Dẫn
  #7  
Old 25-11-2013, 20:54
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: 152
Thanks: 3
Thanked 4 Times in 4 Posts
hay lắm cảm ơn bạn. mình cũng đang áp dụng cho site dich vu tham tu của mình để cho cái banner nó chuyển động giống như vậy
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
LẬP TRÌNH ANDROID - KHÓA HỌC ANDROID - Hướng dẫn lập trình game touch Pikachu hungdk_nhatnghe LẬP TRÌNH ANDROID 7 24-07-2015 02:11
[Help] Cần các pro giúp đỡ về đề tài VPN trên 2k8 thienlong481990 Windows Server 2008 14 01-07-2013 16:50
Đào tạo bất động sản học một lần chứng chí mãi mãi !!! hainambdsinfo Những Vấn Đề Khác 0 31-12-2010 13:18



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