25
4
Tôi gặp sự cố khi thay đổi lớp li bằng cách sử dụng javascript.
html
Trung tâm cá nhân
Điều phát hành
từ bỏ
CSS
#menu chính {
kiểu danh sách: không có;
lề trái: 35px;
display: block;
}
#menu chính li {
nổi: trái;
phần đệm: 3px 3px 3px 3px;
position: relative;
lề phải: 15px;
lề trên: 1px;
border: none;
con trỏ: mặc định;
z-index: 999;
hiển thị: ẩn;
}
Đây là lớp tôi muốn thay đổi:
#menu chính li:hover {
đường viền: 1px liền khối #aaa;
nền: #fffff;
bán kính đường viền: 2px 2px 0px 0px;
phần đệm: 2px 2px 2px 2px;
hiển thị: ẩn;
}
Phần còn lại của CSS
#mainmenu li a {
Họ phông chữ: Verdana, Arial;
cỡ chữ: 12px;
màu: #444444;
trang trí văn bản: không có;
display: block;
}
#mainmenu li:di chuột a {
màu: #333333;
}
#mainmenu li .drop {
phần đệm: 1px 20px 2px 4px;
nền: url("../images/arrow2.gif") không lặp lại bên phải 4px;
}
#menu chính li:hover .drop {
nền: url("../images/arrow.gif") không lặp lại phải 4px;
}
js (muốn sử dụng)
$(#menu chính li:hover).click(function(){
$(this).removeClass('menuhoverswap');
$(this).addClass('menuhoverswap');
});
ID cần trao đổi
#menuhoverswap {
đường viền: 1px liền khối #aaa;
}
Thông thường điều này sẽ hiệu quả, nhưng tôi không thể hiểu được vì tôi đã thực hiện css cho menu trong một đánh dấu khác, tham chiếu css đến menu chính và sau đó là li thay vì đưa cho li một lớp của riêng nó.
câu trả lời hay nhất
Điều bạn đang cố gắng đạt được thật khó hiểu, nhưng đây là điều tôi nghĩ bạn muốn thử.
http://jsfiddle.net/ccx9o55s/2
$(".mainmenudrop").on("mouseenter", function(e){
$(this).addClass("menuhoverswap");
});
$(".mainmenudrop").on("mouseleave", function(e){
$(this).removeClass("menuhoverswap");
});
Về javascript - thay đổi lớp li khi nhấp chuột, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/27877962/
25
4
0
Vâng, tiêu đề đã nói lên tất cả. Hàm javascript của tôi xây dựng một số "khối" và sử dụng cũng như tạo chúng. Vấn đề là nó loại bỏ tất cả những thứ khác trên trang. EDIT: (Được rồi, tôi cho rằng chức năng này là nguyên nhân của việc này. Ý tôi là xóa bỏ
Cấu trúc HTML này có hợp lệ không? Mục 1 Mục 2 Mục 3 Mục 4 Mục 5 Mục 6
Tôi đang cố gắng thêm tiêu đề vào UL vì bạn không thể sử dụng H2 trong UL. Tôi sử dụng nó theo cách tôi đã trình bày có được không? Bản tin Tin tức 1 Tin tức 2 Một người bạn của tôi nói với tôi
Đây là phong cách mã hóa của tôi. li{ họ phông chữ: Arial, sans-serif; cỡ chữ: 100%; hiển thị: mục danh sách;
Tôi đang sử dụng điều hướng ngang và nhờ câu hỏi: Dấu phân cách để điều hướng Tôi đã đọc về một cách hay để đặt dấu phân cách phần tử dựa trên hình ảnh bằng cách sử dụng li + li. (giả?) bộ chọn. Trong mã của tôi, tôi có
Tôi có một thùng chứa Div chứa 4 thứ tôi đang làm là thêm mục nhập vào trước và xóa mục cuối cùng. Tôi dễ dàng sử dụng $('#news-ul li:last').remove() $('#news-ul '). chuẩn bị trước
Đây là html: mục menu mục menu mục menu mục menu mục menu mục menu Nếu tôi nhấn liên kết "a", nó sẽ đặt "khi"
Tôi có danh sách ul-li 1 2 3 AB. Tôi có thể sử dụng bộ chọn cuối cùng css thuần túy ".digit" trong danh sách không? Số lượng .digits không xác định li.digit:nth-last-ch
Tôi gặp tình huống này, 1- Tôi muốn xóa một li có hai biểu tượng bên trong nó dưới dạng một khoảng: một để kiểm tra hoặc bỏ chọn li tương ứng và một biểu tượng khác để xóa li đó. 2- Tôi cũng muốn kiểm tra hoặc bỏ chọn bằng cách nhấp vào biểu tượng (kiểm tra biểu tượng) trong khi nhấp vào li
Nếu tiêu đề không dễ hiểu, hãy để tôi giải thích... Tôi có một menu chuyển đổi css/jquery. Khi bạn nhấn dấu "+" thì nó sẽ lớn hơn và khi bạn nhấn dấu "-" thì nó sẽ nhỏ hơn. Tôi đang làm cho phần đệm, lề và chiều cao của một số thành phần thay đổi khi chuyển đổi/nhấp chuột. Phần trên cùng của menu chứa đầy các liên kết và sau đó khi
Tôi có một tập lệnh (JsFiddle tại đây) phát hiện khi phần tử khối li được căn giữa theo chiều dọc trên trang và gán cho nó một lớp .centered để làm cho nó lớn hơn thông qua CSS. .trung tâm {hei
Mã ở đây: http://jsfiddle.net/C5mTf/49/ Tôi không biết tại sao. Có điều gì sai với đoạn mã dưới đây? $("#menu").on('click','li',function (){ va
Tôi đã vật lộn với vấn đề này trong nhiều giờ và vẫn không thể tìm ra. Tôi có mã html này: aaa11 bbbb11 Tôi muốn biết cách sử dụng css để hiển thị từng dòng. Nhưng nhãn vẫn có chiều dọc
Tôi cần tạo một menu bằng cách sử dụng kết hợp ul > li > ul theo tỷ lệ theo chiều ngang. Mỗi ul phải có chiều cao tối đa và cuộn khi tràn. Khi di chuột qua li, nếu có thẻ ul khác bên trong thì sẽ đánh vào bên phải
Tôi đã học được rằng nếu tôi đang đề cập trong hoặc trong CSS, tôi nên sử dụng ol > li hoặc ul > li nhưng một khi tôi quên đặt cờ giữa ol và li thì tôi thấy nó vẫn hoạt động. Cách chính xác để làm điều này là gì? câu trả lời hay nhất
Câu hỏi 1 Trả lời: $('#addquestion').click(function() { var $question_number
Làm cách nào tôi có thể hiển thị các giá trị mảng của mình trong ? Mã của tôi: HTML JS var myList = [ ['1','one'], ['1','two'], ['1','th
Tôi gặp sự cố khi sử dụng trình soạn thảo mã nên ở đây là Item1 Item 1.1 Item 1.2 Item2
Tôi đang tạo phiên bản di động đáp ứng cho trang web của mình. Như bạn có thể thấy trong jsfiddle này, khi người dùng di chuột qua mục, menu sẽ mở nhưng che nó thay vì mở rộng menu. Tôi đã thêm display: block ở những nơi khác nhau
Tôi đang cố gắng tạo một trang web nhưng tôi gặp phải một vấn đề nhỏ, tôi đang sử dụng một đoạn mã từ bootnipp (một menu bên) và tôi không thể làm cho nó hoạt động nên liên kết sẽ bao gồm toàn bộ LI thay vì bạn có để nhấn vào văn bản của chính bạn nếu tôi thay đổi nó thì nó sẽ giữ nguyên
Tôi là một lập trình viên xuất sắc, rất giỏi!