Đăng nhập

Ghi nhớ
Latest topics
» Xin forum rao vặt vBulletin 4.1.11
by arber 1/8/2017, 4:17 am

» Tôi sẽ đỗ đại học!
by handsomevip007 16/7/2017, 4:27 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

» 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


Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

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

Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

Bài gửi by buc4rgame on 6/2/2015, 3:24 pm

Mình có có một vấn đề cần giúp đó là 
Phần thông tin cá nhân ẩn hiện khi chỉ chuột vào đó nó hiện ra luôn, nhìn rất cộc, không được mượt mà, mình muốn khi ta chỉ chuột vào nó hiện ra dần dần và từ trái sang phải


Đây là forum của mình
Code:
http://tauthuy.fanbb.net/t1-topic

Còn đây là demo mẫu mà mình muốn làm giống như thế

Code:
http://doquangthiem.lifeme.net/t1-topic

Thấy bên này bạn đó dùng thuộc tính transition: width .2s;

Mà mình thêm vào thì k được, mong các bạn chỉ giáo  Rose
avatar
buc4rgame
CPMember
CPMember

Firefox Invision
Ngày đăng ký : 17/10/2014
Số bài : 48
CPP : 3
Châm ngôn sống : Hết mình

Xem lý lịch thành viên http://www.teenvi.com/f62-forum

Về Đầu Trang Go down

Re: Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

Bài gửi by handsomevip007 on 6/2/2015, 3:57 pm

Dùng tạm cái này nhé ngại quá Chèn vào cuối CSS
Code:
.userInfoF {
display: block!important;
max-width: 141px!important;
height: 130px;
overflow: hidden;
transition: width .2s;
-webkit-transition: width .2s;
opacity: 0!important;
}

.userInfoF[style="display: block;"] {
width: 510px!important;
opacity: 1!important;
}
Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6404
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: Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

Bài gửi by buc4rgame on 6/2/2015, 9:27 pm

Không được bạn ơi, mới đầu nó còn thụt ra thụt vào chỉ có điều không mượt mà nhưng sau khi thêm đoạn css của bạn thế là nó ẩn đi luôn, bạn kiểm tra lại giúp mình với  Rose

Đây là đoạn js mình dùng
Code:
function hide_user(hu) {
 $("#userinfo" + hu).find(".userInfoF").hide()
}
avatar
buc4rgame
CPMember
CPMember

Firefox Invision
Ngày đăng ký : 17/10/2014
Số bài : 48
CPP : 3
Châm ngôn sống : Hết mình

Xem lý lịch thành viên http://www.teenvi.com/f62-forum

Về Đầu Trang Go down

Re: Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

Bài gửi by handsomevip007 on 6/2/2015, 10:03 pm

À nhầm meo Bạn thử lại đoạn sau
Code:
.userInfoF {
display: block!important;
width: 141px!important;
height: 130px;
overflow: hidden;
transition: width .2s;
-webkit-transition: width .2s;
opacity: 0!important;
}

.userInfoF[style="display: block;"] {
width: 510px!important;
opacity: 1!important;
}
Rose
avatar
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6404
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: Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

Bài gửi by buc4rgame on 7/2/2015, 8:56 am

Không được luôn, bỏ cái width: 141px!important; thì được nhưng lại như ban đầu, hiện ra vù một phát, mình gửi nick admin bạn làm thử nha
avatar
buc4rgame
CPMember
CPMember

Firefox Invision
Ngày đăng ký : 17/10/2014
Số bài : 48
CPP : 3
Châm ngôn sống : Hết mình

Xem lý lịch thành viên http://www.teenvi.com/f62-forum

Về Đầu Trang Go down

Re: Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

Bài gửi by Rubber on 8/2/2015, 6:41 am

Bạn có thể tham khảo thêm tại đây.
avatar
Rubber
CPMember
CPMember

No choice PunBB
Ngày đăng ký : 30/08/2012
Số bài : 2
CPP : 0
Châm ngôn sống : Tiến lên

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

Về Đầu Trang Go down

Re: Giúp: Làm hiện bảng thông tin dần dần từ trái sang phải trong 2 giây[✔]

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