Hỏi cách làm hiệu ứng Javascript làm đậm và mờ hình anh khi di chuột?

Oh suy nghĩ của bạn có lẽ không có mã hóa bằng ngôn ngữ khác để tìm hiểu không. Đừng lo lắng của nó thực sự đơn giản, sử dụng và triển khai thực hiện. Nếu bạn thực sự muốn gặp khó khăn vào jquery sau đó nettuts đã viết một loạt các chủ đề về xem liên kết này.

Thứ nhất Hãy jquery? tôi nghe bạn yêu cầu, cũng là một jQuery nhẹ mã http://www.thietkewebvietnam.net/javascript nhấn mạnh rằng thư viện tương tác giữa JavaScript và HTML.

Tôi có thể làm gì với các mã này của bạn được không? Về cơ bản của nó trong một phai có hiệu lực. Các fades một yếu tố ảnh hưởng đến 30% đến trên các trang web, sau đó khi bạn di chuột qua nó, nó fades đến 100%. Hiệu quả có thể được phân định vào bất cứ một trang web trong thời tiết đó là một hình ảnh, văn bản, một liên kết hoặc thậm chí một div.

Ma trông như thế này.
$(document).ready(function(){
$(”ELEMENT HERE”).fadeTo(”slow”, 0.3);
$(”ELEMENT HERE”).hover(function(){
$(this).fadeTo(”slow”, 1.0);
},function(){
$(this).fadeTo(”slow”, 0.3);
});
});

Hãy để tôi giải thích các mã trên. Dòng 1 về cơ bản có nghĩa là nạp javascript khi các tài liệu đã được nạp đầy đủ, điều này có nghĩa là javascript wont bắt đầu cho đến khi toàn bộ tệp tin HTML được tải trong đó bao gồm các quảng cáo cũng. Khi mọi thứ đã tải tập lệnh sẽ chạy.
Dòng 2 phai có nghĩa là nguyên tố có đến 30%, 0,3 là 30%, ở một tốc độ chậm. Ở đâu đó nói rằng “yếu tố ở đây” mà có thể ID của chúng tôi.
Dong 3 có nghĩa là khi con chuột hovered hơn là “các yếu tố” phai để 1,0 tại một tốc độ chậm 1,0 bằng 100% hình ảnh sau đó sẽ dừng lại ở 100% cho đến khi con chuột được di chuyển ra ngoài yếu tố. Sau đó, cuối cùng của mã bit, có nghĩa là khi con chuột được di chuyển ra ngoài yếu tố phai quay lại 30%, 0,3 ở một tốc độ chậm.

Bây giờ im đi để cho bạn thấy làm thế nào để thêm này vào tất cả các trang web của bạn. Ive đặt cùng một tải nhỏ, trong đó có một ví dụ đơn giản. Tải về tại đây.

Trích xuất nội dung của “example_one.zip” vào máy tính của bạn, ví dụ bên trong một thư mục tạo ra một thư mục mới được gọi là “js” Bên trong thư mục này để các jquery tập tin này có thể được tìm thấy ở đây. Sau đó, tạo ra một trống notepad và lưu các tập tin bên trong “js” thư mục gọi là “custom.js” Vì vậy, bên trong các thư mục Cổ phần, cần có 2 tác phẩm. “jquery1.3.min.js” và “custom.js”. Mở ra các tùy chỉnh. Js tập tin trong dreamweaver sau đó sao chép và dán mã jquery hiệu quả trong, sau đó lưu.

Bạn phải được tất cả các thiết lập để đi, chỉ cần một vài điều cần lưu ý về mất. Nếu bạn nhìn vào bên trong mã HTML của các ví dụ, bạn sẽ nhận thấy bên trong các HEAD tages có một số dòng javascript.