日期:2014-05-16  浏览次数:20643 次

我的第一个js类---下拉框
直接上代码
/**
 * 下拉菜单
 * @param clickTargetID 目标对象id
 * @param hiddenBlockID  隐藏层id
 */
function DropDownMenu(clickTargetID, hiddenBlockID){
	this.clickTargetID = clickTargetID;
	this.hiddenBlockID = hiddenBlockID;
	
	var hiddenBlock = $('#' + hiddenBlockID);
	var clickTarget = $('#' + clickTargetID);
	
	clickTarget.css('position', 'relative');
	clickTarget.mousemove(function(){ hiddenBlock.slideDown('slow'); });
	
	hiddenBlock.css( {position:'absolute', 'z-index':'999', top:clickTarget.height(), left:0} );
	hiddenBlock.hover(function(){}, function(){hiddenBlock.slideUp('slow');});
	
	clickTarget.append(hiddenBlock);
}

是基于jQuery的

使用很简单 第一个参数是鼠标指向的对象id 第二个是隐藏层id
<script type="text/javascript">new DropDownMenu('clickTargetID', 'hiddenBlockID');</script>


突然发现eclipse下编辑js还不错 有自动提示 并且支持java式的注释
听说JSEclipse也不错 打算装一个试试