Menu chính

Bài viết mới nhất

  • Máy tính mình có hiện tượng không cho xóa file,...
  • " Nhận thông báo email qua tin nhắn SMS miễn phí "...
  • " Dạy học theo chủ đề "...
  • Chào thấy, thầy cho tôi hỏi thầy có code nào...
  • " Kinh nghiệm dạy học "...
  • Đưa nhạc vào blog theo phong cách của bạn...
  • " HƯỚNG DẪN XÂY DỰNG BẢNG HỎI - PHIẾU KHẢO SÁT...
  • Hướng dẫn cài đặt Adobe Presenter 9.0 full...
  • " Giám sát thời gian hoạt động website qua SMS "...
  • Bài toán 3/ Cho p là số nguyên tố lớn...
  • Bài toán 2/ Tìm số tự nhiên có hai chữ...
  • Bài toán: 1/ Tìm số tự nhiên abc có ba...
  • " Hướng dẫn download tài liệu từ Docstoc.com miễn phí "...
  • TVM XIN CHÀO!...

    • Hỗ trợ trực tuyến

    • (Bùi Trọng Bằng)

    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

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

    DANH NGÔN MỖI NGÀY

    Gốc > Code cho Blog và Web >

    Code menu hiển thị khi click chuột phải

    Phóng to || Thu nhỏ

    Hôm nay Blog giáo viên Thái Bình post tặng các bạn một code khá hay

    DEMO tại đây

    1.Code CSS sau các bạn cho vào thẻ head (với blog Violet cho vào thông tin bản quyền)

     <style>
    <!--


    .skin0{
    position:absolute;
    width:165px;
    border:2px solid black;
    background-color:menu;
    font-family:Verdana,Arial;
    line-height:20px;
    cursor:default;
    font-size:14px;
    z-index:100;
    visibility:hidden;
    }

    .menuitems{
    padding-left:10px;
    padding-right:10px;
    }
    -->
    </style>

     2.Code sau các bạn cho vào thẻ body (với blog Violet cho vào một khối nào đó)

     <div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none>
    <div class="menuitems" url="http://caobang83.violet.vn/entry/list/cat_id/1754642">Thu thuat tin hoc</div>
    <div class="menuitems" url="http://caobang83.violet.vn/entry/list/cat_id/1937195">Thu thuat cho blog</div>
    <div class="menuitems" url="http://caobang83.violet.vn/entry/list/cat_id/1937195">Thu thuat internet</div>
    <div class="menuitems" url="http://caobang83.violet.vn/entry/list/cat_id/1931323">Code cho blog</div>
    <div class="menuitems" url="http://caobang83.violet.vn/entry/list/cat_id/1782706">Phan mem moi nhat</div>
    <div class="menuitems" url="http://caobang83.violet.vn/entry/list/cat_id/2039797">He dieu hanh</div>
    <div class="menuitems" url="http://caobang83.violet.vn/entry/list/cat_id/1754653">Ghost Win</div>
    </div>

    <script language="JavaScript1.2">

    //set this variable to 1 if you wish the URLs of the highlighted menu to be displayed in the status bar
    var display_url=0

    var ie5=document.all&&document.getElementById
    var ns6=document.getElementById&&!document.all
    if (ie5||ns6)
    var menuobj=document.getElementById("ie5menu")

    function showmenuie5(e){
    //Find out how close the mouse is to the corner of the window
    var rightedge=ie5? document.body.clientWidth-event.clientX : window.innerWidth-e.clientX
    var bottomedge=ie5? document.body.clientHeight-event.clientY : window.innerHeight-e.clientY

    //if the horizontal distance isn't enough to accomodate the width of the context menu
    if (rightedge<menuobj.offsetWidth)
    //move the horizontal position of the menu to the left by it's width
    menuobj.style.left=ie5? document.body.scrollLeft+event.clientX-menuobj.offsetWidth : window.pageXOffset+e.clientX-menuobj.offsetWidth
    else
    //position the horizontal position of the menu where the mouse was clicked
    menuobj.style.left=ie5? document.body.scrollLeft+event.clientX : window.pageXOffset+e.clientX

    //same concept with the vertical position
    if (bottomedge<menuobj.offsetHeight)
    menuobj.style.top=ie5? document.body.scrollTop+event.clientY-menuobj.offsetHeight : window.pageYOffset+e.clientY-menuobj.offsetHeight
    else
    menuobj.style.top=ie5? document.body.scrollTop+event.clientY : window.pageYOffset+e.clientY

    menuobj.style.visibility="visible"
    return false
    }

    function hidemenuie5(e){
    menuobj.style.visibility="hidden"
    }

    function highlightie5(e){
    var firingobj=ie5? event.srcElement : e.target
    if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
    if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
    firingobj.style.backgroundColor="highlight"
    firingobj.style.color="white"
    if (display_url==1)
    window.status=event.srcElement.url
    }
    }

    function lowlightie5(e){
    var firingobj=ie5? event.srcElement : e.target
    if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
    if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode //up one node
    firingobj.style.backgroundColor=""
    firingobj.style.color="black"
    window.status=''
    }
    }

    function jumptoie5(e){
    var firingobj=ie5? event.srcElement : e.target
    if (firingobj.className=="menuitems"||ns6&&firingobj.parentNode.className=="menuitems"){
    if (ns6&&firingobj.parentNode.className=="menuitems") firingobj=firingobj.parentNode
    if (firingobj.getAttribute("target"))
    window.open(firingobj.getAttribute("url"),firingobj.getAttribute("target"))
    else
    window.location=firingobj.getAttribute("url")
    }
    }

    if (ie5||ns6){
    menuobj.style.display=''
    document.oncontextmenu=showmenuie5
    document.onclick=hidemenuie5
    }

    </script>

     Chúc các bạn thành công

    Thủ thuật blog Violet

    Bookmark and Share
    Nhắn tin cho tác giả
    Cao Bằng @ 19:41 17/12/2009
    Số lượt xem: 2294
    Số lượt thích: 0 người
    Avatar
    Nhờ thầy Bằng chỉ cho cách làm mục kiểm tra code. Cảm ơn thầy.
    Nguyễn Văn Lộc @ 15h:33p 20/12/09
    Avatar
    Thầy Bằng cho hỏi: để xem ti vi trực tuyến cần phải cài phần mềm nào vậy? nhờ thầy tìm giúp tôi với nhé!
    Nguyễn Văn Lộc @ 15h:36p 20/12/09
    Avatar

    Code sau thầy cho vào khối chính nhé .Điều chỉnh width (độ rộng)cho phù hợp

     
        <div class="content">
                          <table style=
    "width:500px;border:solid 1px #959492;background:#ebebea"    >
    <tr>
    <td valign="top" style="padding: 10px" background=
    "http://i9.glitter-graphics.org/pub/1028/1028479ssdyfudbye.gif"    >
    <form name="form1" method="post">
    <textarea name="code" wrap="soft" onclick="focus(this.code)" style=
    "border:solid 1px #b9b8b6;padding:5px;width:300px;height:300px;scroll:auto;"    >

    Các bạn coppy và paste code cần kiểm vào bảng này(xoá dòng chữ này đi nhé !)
    </textarea></form>
    </td>
    <td valign="top" style="padding: 10px" background=
    "http://i9.glitter-graphics.org/pub/1028/1028479ssdyfudbye.gif"    >
    <iframe src="about:blank" name="preview" style=
    "height:300px;width:300px;border:solid 1px #b9b8b6;padding:5px;background:#ffffff"
    frameborder="0"></iframe></td>
    </tr>
    </table>
    <center><button onclick=
    "preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()"    >
    

    Xem trước</button><button onclick=
    "window.document.form1.code.value='';preview.document.write (document.getElementsByTagName ('TEXTAREA')[0].value); preview.document.close(); preview.focus()"    >Xoá
    tất cả</button><button onclick=
    "window.location.href=window.location.href"    >Làm
    Lại</button></center>
    <b>Sẽ không hiển thị nếu code của bạn bị lỗi, khi
    đó bạn hãy sửa lại code ngay tại khung bên trái !
    Chương trình ứng dụng chính xác cho các loại mã Java
    Script; HTML. Chúc bạn luôn thành công !</b>











    


                                              </div>

     

    Cao Bằng @ 17h:47p 20/12/09
    Avatar

    Tạo banner quảng cáo trượt dọc 2 bên

    Cao Bằng @ 08h:49p 09/02/10
     
    Gửi ý kiến