当前路径: 星河码客 » 插件特效 » jquery实现输入框点击出现下拉列表树插件代码

jquery实现输入框点击出现下拉列表树插件代码

相关js代码//生成弹出层的代码xOffset = 0;//向右偏移量yOffset = 25;//向下偏移量var toshow = "treediv";//要显示的层的idvar target = "menu_parent_name";//目标控件----也就是想要点击后弹出树形菜单的那个控件id$("#"+target).click(function (){ $("#"+toshow) .css("position", "absolute") .css("left", $("#"+target).position().left+xOffset + "px") .css("top", $("#"+target).position().top+yOffset +"px").show();});//关闭层$("#closed").click(function(){ $("#"+toshow).hide();});//判断鼠标在不在弹出层范围内 function checkIn(id){ var yy = 20; //偏移量 var str = ""; var x=window.event.clientX; var y=window.event.clientY; var obj=$("#"+id)[0]; if(x>obj.offsetLeft&&x<(obj.offsetLeft+obj.clientWidth)&&y>(obj.offsetTop-yy)&&y<(obj.offsetTop+obj.clientHeight)){ return true; }else{ return false; } } //点击body关闭弹出层 $(document).click(function(){ var is = checkIn("treediv"); if(!is){ $("#"+toshow).hide(); } });//生成弹出层的代码//点击菜单树给文本框赋值------------------菜单树里加此方法function setvalue(id,name){ $("#menu_parent_name").val(name); $("#menu_parent").val(id); $("#treediv").hide();}

jquery实现输入框点击出现下拉列表树插件代码

在线演示        积分下载        6毛下载        砍两刀下载       

文件目录······
暂无数据
 猜你喜欢 更多»
 工具推荐 更多»