menu.js

尚学堂JavaScript视频教程源码,可以配合视频使用,其中一些有用的例子也可以在自己的网站中嵌入使用

//菜单
var menuOffX=0	//菜单距连接文字最左端距离
var menuOffY=27	//菜单距连接文字顶端距离

var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
function showmenu(e,vmenu,mod){
	var thisObj
	which=vmenu
	menuobj=document.getElementById("popmenu")
	menuobj.thestyle=menuobj.style
	menuobj.innerHTML=which
	menuobj.contentwidth=menuobj.offsetWidth
	if(e.srcElement)thisObj = e.srcElement
	else thisObj = e.target
	eventX=e.clientX
	eventY=e.clientY
	var rightedge=document.body.clientWidth-eventX
	var bottomedge=document.body.clientHeight-eventY
		if (rightedge<menuobj.contentwidth){
			menuobj.thestyle.left=document.documentElement.scrollLeft+eventX-menuobj.contentwidth+menuOffX +"px"
		}else{
			if(ie4){
				menuobj.thestyle.left = ie_x(event.srcElement)+menuOffX + "px"
			}else if(ns6){
				menuobj.thestyle.left = thisObj.offsetLeft + "px"
			}else{
				menuobj.thestyle.left = eventX + "px"
			}
		}
		if (bottomedge<menuobj.contentheight&&mod!=0){
			menuobj.thestyle.top=document.documentElement.scrollTop+eventY-menuobj.contentheight-event.offsetY+menuOffY-23 +"px"
		}else{
			if(ie4){
				menuobj.thestyle.top = ie_y(event.srcElement)+menuOffY + "px"
			}else if(ns6){
				menuobj.thestyle.top = thisObj.offsetTop + menuOffY + "px"
			}else{
				menuobj.thestyle.top = eventY + "px"
			}
		}
		menuobj.thestyle.visibility="visible"
		document.onmousemove = outDisplay
}

function outDisplay(e){
	if(menuobj && menuobj.thestyle.visibility == "visible"){
		var thisObj,thisTop,thisDown,thisLeft,thisRight,thisTagName,m
		if(!e)var e = window.event
		if(e.srcElement)thisObj = e.srcElement
		else thisObj = e.target
		if(!e.pageX)e.pageX = e.clientX+document.documentElement.scrollLeft
		if(!e.pageY)e.pageY = e.clientY+document.documentElement.scrollTop
		thisTop = menuobj.offsetTop-menuOffY-5
		thisDown = menuobj.offsetTop + menuobj.offsetHeight
		thisLeft = menuobj.offsetLeft-menuOffX
		thisRight = menuobj.offsetLeft + menuobj.offsetWidth
		if(e.pageX <= thisLeft || e.pageX >= thisRight || e.pageY <= thisTop  || e.pageY >= thisDown){
			hidemenu()
		}
	}
}
function ie_y(e){  
	var t=e.offsetTop;  
	while(e=e.offsetParent){  
		t+=e.offsetTop;  
	}  
	return t;  
}  
function ie_x(e){  
	var l=e.offsetLeft;  
	while(e=e.offsetParent){  
		l+=e.offsetLeft;  
	}  
	return l;  
}

function highlightmenu(e,state){
	if (document.all)
		source_el=event.srcElement
		while(source_el.id!="popmenu"){
			source_el=document.getElementById? source_el.parentNode : source_el.parentElement
			if (source_el.className=="menuitems"){
				source_el.id=(state=="on")? "mouseoverstyle" : ""
		}
	}
}


function hidemenu(){if (window.menuobj)menuobj.thestyle.visibility="hidden"}
function dynamichide(e){if ((ie4||ns6)&&!menuobj.contains(e.toElement))hidemenu()}
	document.write('<div class="menuskin" id="popmenu"></div>')
	//document.onclick=hidemenu
//菜单END
function JugeComment(myform)
{
	if (document.myform.UserName.value==""){
		alert ("你的用户名不可为空！");
		document.myform.UserName.focus();
		return(false);
	}
	if (document.myform.content.value == "")
	{
		alert("评论内容不能为空！");
		document.myform.content.focus();
                return (false);
	}
}
function CheckAll(form) {  
	for (var i=0;i<form.elements.length;i++)  
	{  
		var e = form.elements[i];  
		if (e.name != 'chkall')  
		e.checked = true // form.chkall.checked;  
	}  
} 
 
function ContraSel(form) {
	for (var i=0;i<form.elements.length;i++)
	{
		var e = form.elements[i];
		if (e.name != 'chkall')
		e.checked=!e.checked;
	}
}
function bbimg(o){
	var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
	return false;
}
function imgzoom(img,maxsize){
	var a=new Image();
	a.src=img.src
	if(a.width > maxsize * 4)
	{
		img.style.width=maxsize;
	}
	else if(a.width >= maxsize)
	{
		img.style.width=Math.round(a.width * Math.floor(4 * maxsize / a.width) / 4);
	}
	return false;
}