CHỦ ĐỀ THÁNG

THANG-10.png

SMAS HỆ THỐNG QUẢN LÝ NHÀ TRƯỜNG

MAIL NỘI BỘ

THỐNG KÊ EMIS

THI TIẾNG ANH TRÊN INTERNET

THI OLYMPIC TOÁN

THI OLYMPIC VẬT LÝ

THI AN TOÀN GIAO THÔNG

KHO BÀI GIẢNG

19d8a4184769dd610.jpg

HƯỞNG ỨNG CÁC CUỘC VẬN ĐỘNG:
Học tập và làm theo tấm gương đạo đức Hồ Chí Minh.
Nói không với tiêu cực trong thi cử và bệnh thành tích trong giáo dục.
Mỗi thầy cô giáo là tấm gương đạo đức, tự học và sáng tạo.
Xây dựng trường học thân thiện, học sinh tích cực.
Dân chủ Kỷ cương Tình thương Trách nhiệm.

GOOGLE.COM

Công văn, Quyết định, Báo chí, Wedsite

Hỗ trợ trực tuyến

  • (Nguyễn Đình Hưng)
  • (Trường THCS Nguyễn Trãi)

Điều tra ý kiến

Bạn thấy trang này như thế nào?
Đẹp
Đơn điệu
Bình thường
Ý kiến khác

Thống kê

  • truy cập   (chi tiết)
    trong hôm nay
  • lượt xem
    trong hôm nay
  • thành viên
  • Thành viên trực tuyến

    3 khách và 0 thành viên

    CÁN BỘ-GIÁO VIÊN-CNV VÀ HỌC SINH TRƯỜNG THCS NGUYỄN TRÃI

    Gốc > Ứng dụng tin học > Code cho Blog và Web >

    Code Ảnh rõ hơn khi rê chuột vào

    Phóng to || Thu nhỏ


    - Hôm nay mình xin giới thiệu 1 đọan code nhỏ để tạo hiệu ứng cho ảnh khi rê chuột vào. Thích hợp cho việc tạo các icon liên kết dạng ảnh.

    Với thủ thủ thuật nhỏ này, ban đầu ảnh sẽ được làm mờ đi, khi ta rê chuột vào thì ảnh sẽ rõ lên (hoặc có thể ngược lại, tùy bạn hiệu chỉnh code)

    Dưới đây sẽ là ví dụ cho bạn thấy:
    ☼Code:


    <img
    onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" style="opacity:0.4;filter:alpha(opacity=40)" src="Link ảnh" />



    - Nếu bạn muốn làm mờ ảnh hơn thì thay số 40 (0.4) nhỏ lại. (ví dụ 30 (0.3) )
    - Nêu muốn tạo liên kết khi nhấp chuột vào thì thêm lệnh bên dưới vào trong thẻ:
    onclick="window.location.href='link liên kết'"

    - Như vậy code sẽ trông như thế này:

    <img
    onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" style="opacity:0.4;filter:alpha(opacity=40)" src="Link ảnh" onclick="window.location.href='link liên kết'"/>



    - Hoặc có thể làm theo cách cơ bản sau:

    <a href="link liên kết">
    <img
    onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
    onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" style="opacity:0.4;filter:alpha(opacity=40)" src="Link ảnh"/>
    </a>




    ☼ Demo:

     


    Nhắn tin cho tác giả
    Trường Thcs Nguyễn Trãi @ 16:41 10/11/2010
    Số lượt xem: 356
    Số lượt thích: 0 người
     
    Gửi ý kiến