Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by Kiến 23/6/2017, 9:52 pm

» Xin hỗ trợ về DNS Domain cho Forumvi
by hoangthong 9/5/2017, 9:37 pm

» skin xinh forum full punbb
by kenbi05 8/5/2017, 10:47 am

» HỖ TRỢ GIÚP MÌNH VỀ VIỆC MẤT CHỨC NĂNG KIỂM TRA THÀNH VIÊN XEM BÀI TRONG GROUP FB
by hoangthong 4/5/2017, 9:14 am

» Xin chỉ giúp cách fix hình nền header cho forumvi
by Phuongtran 25/4/2017, 4:43 pm

» [Mod] Shop Gunny (New Version)
by accit 14/4/2017, 10:30 am

» Giới thiệu 3 mẫu smartphone nổi bật cho bạn quan tâm
by huydv 21/3/2017, 11:14 pm

» [Thông báo] Đổi tên miền diễn đàn[✔]
by vietkanpy 9/3/2017, 8:28 am

» Skin]Teen Pro9x [ PunBB ]
by phamtuananh9x 15/2/2017, 12:57 pm

» [Help] Nhờ mọi người " RIP " giúp mình[✔]
by sayedn73 7/2/2017, 10:31 pm

» CHÚC MỪNG NĂM MỚI
by Exterminator 7/2/2017, 12:16 pm

» Cần giúp đỡ về Ads Banner trong forum
by sayedn73 7/2/2017, 12:42 am

» Xin index box forumvi [✔]
by sayedn73 5/2/2017, 6:50 am

» LỖI ADD TRANG CHỦ
by tommy_phan 17/1/2017, 11:04 am

» Bác nào rảnh tham gia cho vui nhé
by phamthohoa 27/12/2016, 10:06 am

» Xin forum rao vặt vBulletin 4.1.11
by tonyhoaivu 18/12/2016, 12:35 am

» Cần xin skin ngamvn.com
by sayedn73 14/12/2016, 2:24 am

» Cách đổi nền Forum
by sayedn73 27/10/2016, 1:28 am

» Skin CNTT-K3 2015 (Full Mod)[✔]
by sayedn73 27/10/2016, 1:14 am

» Share skin Gameprivatevn.ace.st
by help me 23/10/2016, 4:32 pm

» Share Skin Xanh Dương Cùi Bắp
by Thànhkent 21/10/2016, 1:37 pm

» [Thắc mắc] RIP Giúp Em Topics_Blog_Box
by sayedn73 21/10/2016, 8:03 am

» Làm sao để làm Shop Pet
by aquariuss 20/10/2016, 2:21 pm

» các thím trên chinhphuc thử tìm từ khóa này xem
by bucnong1 17/10/2016, 1:35 pm

» Cách tăng lượng view ảo xem topic ?
by Tin VIP 4/10/2016, 9:34 am

Top posting users this week
nightWalker
 
Kiến
 


[Help] Tùy chỉnh CSS của 1 class[✔]

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

[Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 1:34 am

VD ta có 2 nút và 1 thẻ như sau như sau:
<div class="img_100"></div>
<div class="img_999"></div>
<div class="re_size"></div>

Khi click vào nút "img_100" thì ảnh trong thẻ "re_size" sẽ có kick thước = 100px
Và khi click vào nút "img_999" thì ảnh trong thẻ "re_size" sẽ có kick thước = 999px
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 6:38 am

Code:
$('[class^="img_"]').click(function(){
  $('.re_size img').css('width',$(this).attr('class').split('_')[1]);
});
Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6403
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 10:32 am

Chỉnh kích thước ở đâu vậy hand?


Được sửa bởi BTV2 ngày 21/12/2014, 12:24 pm; sửa lần 1.
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by markai30 on 21/12/2014, 10:36 am

@BTV2 đã viết:Chỉnh kích thước ở đâu vậy hand?
Code:
http://forum-test123.forumvi.com/h2-page

Code viết dựa trên số liệu class mà bạn đưa ra đó. Vd img_999
Thì width khi đổi sẽ là 999
avatar
markai30
CPMember
CPMember

Chrome PhpBB3
Ngày đăng ký : 18/02/2014
Số bài : 100
CPP : 150
Châm ngôn sống : Tự học tự làm

Xem lý lịch thành viên http://Viethoagame.forumvi.com

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 11:46 am

Code viết dựa trên số liệu class mà bạn đưa ra đó. Vd img_999
Thì width khi đổi sẽ là 999
Vậy code ko hoạt động rồi =.=
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 11:50 am

1 là cần đặt jQuery vào giữa
Code:
$(function(){
//các lệnh jQuery ở đây
});

2 là phải có thư viện jQuery
Code:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

Tưởng bạn biết rồi nên mình lỡ không có nói ai dè... Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6403
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 12:26 pm

Có thể dùng max-width: 999px dc ko hand?
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 12:46 pm

Chỗ .css('width' sửa thành .css('max-width' Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6403
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 1:24 pm

Like mạnh Vui
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 1:31 pm

@handsomevip007 đã viết:1 là cần đặt jQuery vào giữa
Code:
$(function(){
//các lệnh jQuery ở đây
});
Hand cho mình đoạn code này đi, vác nguyên cái thư viện jQuery thì chắc sẽ nặng lắm
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by handsomevip007 on 21/12/2014, 4:23 pm

:v :v :v Thư viên đó bình thường đã trang bị sẵn trong FM rồi. Tại bạn dùng HTML trống nên mới phải thêm vô thôi.
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6403
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

Xem lý lịch thành viên http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by BTV2 on 21/12/2014, 4:35 pm

Thank :v :v :v
avatar
BTV2
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 08/09/2012
Số bài : 1182
CPP : 751
Châm ngôn sống : [hide][/hide]

Xem lý lịch thành viên

Về Đầu Trang Go down

Re: [Help] Tùy chỉnh CSS của 1 class[✔]

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết