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

    0 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 >

    Floating menu - menu ẩn / trượt rất chuyên nghiệp cho Blog

    Chào các bạn admin , webmaster và tất cả những ai đang đi tìm code menu để tạo menu cho trang web . Nếu như những chuơng trình tạo menu chuyên nghiệp khác giúp cho các bạn tạo được những menu nhiều tầng hoặc nhiều hiệu ứng đẹp thì nói chung chúng đều yêu cầu đến một mức độ kỹ thuật nào đó , kỹ thuật đồ họa để tạo các button , thẩm mỹ trong cách chọn màu và bố trí cho menu…

    Tuy nhiên có một đoạn code bằng java + html dưới đây sẽ giúp cho các bạn tạo một menu trượt và ẩn/hiện khi đặt chuột vô , các bạn có thể xem demo dưới link sau :

    demo

    Hướng dẫn sử dụng

    1. Có thể đưa nội dung đó vào trong file css chính của website , hoặc copy nó paste vào notepad và lưu file dưới dạng tenfile.css rồi đặt link đến file .css đó.

    <style type="text/css">
                                /*Menu Links*/

    /*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
    may be inherited in some browsers from other 'a' element styles (if any) on the page*/

    #menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
    #menu1 a:active {color:black;text-decoration:none;}
    #menu1 a:hover {color:black;background-color:#FFFF99}
    #menu1 a:visited {color:black;text-decoration:none;}

    #menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
    #menu2 a:active {color:blue;text-decoration:none;}
    #menu2 a:visited {color:blue;text-decoration:none;}
    #menu2 a:hover {color:navy;background-color:#f0fea8}

    #menu3 a { /*Menu3 Links*/
    color:black;
    background-color:white;
    text-decoration:none;
    text-indent:1ex;
    }
    #menu3 a:hover {
    color:black;background-color:#FFFF99;
    }
    #menu3 a:active {color:black;text-decoration:none;}
    #menu3 a:visited {color:black;text-decoration:none;}


                               /*End Menu Links*/
    </style>

    Đó là style chung cho cả 3 menu , nếu bạn chỉ dùng 1 menu thì có thể bỏ hai cái kia đi

    2.Tải tiếp 2 file js sau và đưa chúng vô folder js chẳng hạn , nếu như trên host của bạn đã có folder chứa các file js thì bạn cũng nên copy hai file js đó và đưa chúng vô cùng folder , mục đích là làm cho gọn các file , dễ cho bạn tìm kiếm , thay thế hoặc sửa chữa sau này. Còn nếu website của bạn ít hoặc gì gì đó thì bạn có thể để tại root folder cũng được ..để đâu không quan trọng , miễn là khi link đến đúng là OK.

    download

    mmenu.js

    menuItems.js

    Gọi về như sau

    </style>
    <script src="mmenu.js" type="text/javascript"></script>
    <script src="menuItems.js" type="text/javascript">


    </script>


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