1. Trang chủ
  2. » Giáo án - Bài giảng

Code tạo menu khi click chuột phải rất hay

4 374 2

Đang tải... (xem toàn văn)

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 4
Dung lượng 53 KB

Nội dung

Code tạo menu khi click chuột phải rất hay Thầy cô chỉnh sửa các liên kết rồi cho vào khối trên cột chức năng nhé! Rất hay đấy! Chúc thầy cô thành công! <style> <! .skin0{ position:absolute; width:255px; 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> <div id="ie5menu" class="skin0" onMouseover="highlightie5(event)" onMouseout="lowlightie5(event)" onClick="jumptoie5(event)" display:none> <div class="menuitems" url="http://7kho.violet.vn/entry/list/cat_id/4023521">Kho Code và thủ thuật tin học</div> <div class="menuitems" url="http://7kho.violet.vn/entry/list/cat_id/2174667">Kho bài viết bồi dưỡng chuyên môn</div> <div class="menuitems" url="http://7kho.violet.vn/present/list/cat_id/2174645">Kho Bài giảng điện tử</div> <div class="menuitems" url="http://7kho.violet.vn/document/list/cat_id/2174656">Kho tư liệu, hình ảnh, nhạc</div> <div class="menuitems" url="http://7kho.violet.vn/present/list/cat_id/2174633">Kho giáo án</div> <div class="menuitems" url="http://7kho.violet.vn/present/list/cat_id/4023451">Khoa tài liệu giáo dục hay</div> <div class="menuitems" url="http://7kho.violet.vn/present/list/cat_id/2174623">Kho đề thi, đề kiểm tra</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> . Code tạo menu khi click chuột phải rất hay Thầy cô chỉnh sửa các liên kết rồi cho vào khối trên cột chức năng nhé! Rất hay đấy! Chúc thầy cô thành công! <style> <!. 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. (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?

Ngày đăng: 18/04/2015, 14:00

TỪ KHÓA LIÊN QUAN

w