Báo cáo tài liệu vi phạm
Giới thiệu
Kinh doanh - Marketing
Kinh tế quản lý
Biểu mẫu - Văn bản
Tài chính - Ngân hàng
Công nghệ thông tin
Tiếng anh ngoại ngữ
Kĩ thuật công nghệ
Khoa học tự nhiên
Khoa học xã hội
Văn hóa nghệ thuật
Sức khỏe - Y tế
Văn bản luật
Nông Lâm Ngư
Kỹ năng mềm
Luận văn - Báo cáo
Giải trí - Thư giãn
Tài liệu phổ thông
Văn mẫu
THỊ TRƯỜNG NGÀNH HÀNG
NÔNG NGHIỆP, THỰC PHẨM
Gạo
Rau hoa quả
Nông sản khác
Sữa và sản phẩm
Thịt và sản phẩm
Dầu thực vật
Thủy sản
Thức ăn chăn nuôi, vật tư nông nghiệp
CÔNG NGHIỆP
Dệt may
Dược phẩm, Thiết bị y tế
Máy móc, thiết bị, phụ tùng
Nhựa - Hóa chất
Phân bón
Sản phẩm gỗ, Hàng thủ công mỹ nghệ
Sắt, thép
Ô tô và linh kiện
Xăng dầu
DỊCH VỤ
Logistics
Tài chính-Ngân hàng
NGHIÊN CỨU THỊ TRƯỜNG
Hoa Kỳ
Nhật Bản
Trung Quốc
Hàn Quốc
Châu Âu
ASEAN
BẢN TIN
Bản tin Thị trường hàng ngày
Bản tin Thị trường và dự báo tháng
Bản tin Thị trường giá cả vật tư
Tìm
Danh mục
Kinh doanh - Marketing
Kinh tế quản lý
Biểu mẫu - Văn bản
Tài chính - Ngân hàng
Công nghệ thông tin
Tiếng anh ngoại ngữ
Kĩ thuật công nghệ
Khoa học tự nhiên
Khoa học xã hội
Văn hóa nghệ thuật
Y tế sức khỏe
Văn bản luật
Nông lâm ngư
Kĩ năng mềm
Luận văn - Báo cáo
Giải trí - Thư giãn
Tài liệu phổ thông
Văn mẫu
NGÀNH HÀNG
NÔNG NGHIỆP, THỰC PHẨM
Gạo
Rau hoa quả
Nông sản khác
Sữa và sản phẩm
Thịt và sản phẩm
Dầu thực vật
Thủy sản
Thức ăn chăn nuôi, vật tư nông nghiệp
CÔNG NGHIỆP
Dệt may
Dược phẩm, Thiết bị y tế
Máy móc, thiết bị, phụ tùng
Nhựa - Hóa chất
Phân bón
Sản phẩm gỗ, Hàng thủ công mỹ nghệ
Sắt, thép
Ô tô và linh kiện
Xăng dầu
DỊCH VỤ
Logistics
Tài chính-Ngân hàng
NGHIÊN CỨU THỊ TRƯỜNG
Hoa Kỳ
Nhật Bản
Trung Quốc
Hàn Quốc
Châu Âu
ASEAN
BẢN TIN
Bản tin Thị trường hàng ngày
Bản tin Thị trường và dự báo tháng
Bản tin Thị trường giá cả vật tư
Thông tin
Tài liệu Xanh là gì
Điều khoản sử dụng
Chính sách bảo mật
0
Trang chủ
Công Nghệ Thông Tin
Đồ họa - Thiết kế - Flash
JQuery: Novice to Ninja- P12
Đang chuẩn bị liên kết để tải về tài liệu:
JQuery: Novice to Ninja- P12
Ðức Quyền
54
15
pdf
Không đóng trình duyệt đến khi xuất hiện nút TẢI XUỐNG
Tải xuống
JQuery: Novice to Ninja- P12:No matter what kind of ninja you are—a cooking ninja, a corporate lawyer ninja, or an actual ninja ninja—virtuosity lies in first mastering the basic tools of the trade. Once conquered, it’s then up to the full-fledged ninja to apply that knowledge in creative and inventive ways. | 142 jQuery Novice to Ninja We ll use a CSS sprite to add an indicator to our menu a single image will contain both the contracted down-facing and expanded up-facing arrows for our menu sections. By default all of the sections are closed so we show the contracted arrow state in our CSS. In our sprite image the contracted state is aligned to the top while the expanded state is 20 pixels below the top. We apply this background image to li elements inside the menu and then remove it from deeper nested items chapter_05 03_open_closed_indicators menu.css excerpt menu li cursor pointer border-bottom 1px solid 444 background 94C5EB url arrows.png no-repeat right top menu li li cursor auto border 0 padding 0 14px background-color fff background-image none With our background image in place we now need to adjust the CSS sprite s position whenever we toggle a menu item. When the menu item slides down we show the expanded state and when it slides up we show the contracted state. We ll make clever use of chaining to apply the css action before we drill down to find the ul to show or hide chapter_05 03_open_closed_indicators script.js excerpt menu li .toggle function this .css background-position right -20px .find ul .slideDown function this .css background-position right top .find ul .slideUp Menus Tabs Tooltips and Panels 143 Menu Expand on Hover For our next trick we want to make the menu respond to hover events as well as click events. When a user hovers over one of our parent menu items we ll pause briefly then expand the menu. Now you ve already seen enough toggle and hover effects to last a lifetime and don t worry there s plenty more to come so we ll give this one a twist. The jQuery hover event fires the instant you move your mouse over the target item. But for this effect we ll delay the execution so that it only fires if the user hovers for a short while. Otherwise the control would be virtually unusable as it would snap open and closed if you so much as grazed it .
TÀI LIỆU LIÊN QUAN
jQuery: Novice to Ninja
JQuery: Novice to Ninja by Earle Castledine and Craig Sharkie
jQuery: Novice to Ninja full
JQuery: Novice to Ninja- P1
JQuery: Novice to Ninja- P2
JQuery: Novice to Ninja- P3
JQuery: Novice to Ninja- P4
JQuery: Novice to Ninja- P5
JQuery: Novice to Ninja- P6
JQuery: Novice to Ninja- P7
Đã phát hiện trình chặn quảng cáo AdBlock
Trang web này phụ thuộc vào doanh thu từ số lần hiển thị quảng cáo để tồn tại. Vui lòng tắt trình chặn quảng cáo của bạn hoặc tạm dừng tính năng chặn quảng cáo cho trang web này.