CSS 弹出层

HTML层代码 :

 

<!-- Show Contact Div -->
<div id="showContact">
	<a href="javascript:hideDiv();">关闭</a><br>
	sssssssss<br>
</div>

 

 

 

 

JS 控制这个层

 

	var contactorUrl = "/order/buy/contactors.action";
	
	function contactorsDatas(id, value){
		//alert(id);
		$("#"+id).attr("value",value);
	}
	
	function showDiv(id){
		//var send_mini=$(".send_mini");
	    var obj=id;
	    //var send_miniVisiable= send_mini.css("display");
	    var offset=obj.offset();
	    var sloadImg=$("#showContact");
	    
    	$.getJSON(contactorUrl,{},function(data){
			var cstr = '<a href="javascript:hideDiv();">关闭</a><br><span>';
			$.each(data.contactors, function(i,name) {
				cstr += "<a onclick='contactorsDatas(\""+id.attr("id")+"\",\""+name+"\")'>"+name+"</a><br>";
			});
			cstr += "</span>";
			sloadImg.html(cstr);
		});
			
        sloadImg.css({
           "position":"absolute",
           "z-index":"99",
           "left":(offset.left+12)+"px",
           "top":(offset.top+obj.height()+4)+"px",
           "display":"block"
    	});
   
	}
	
	function hideDiv(){
		$("#showContact").hide();
	}

 

 

 

评论

1 楼 liuxuejin 2011-08-31  

完全不行！半成品