html中div居中并移动

(function($) {  
	   jQuery.fn.center = function () {  
            this.css('position','absolute');  
             this.css('top', ( $(window).height() - this.height() ) /2 +$(window).scrollTop() + 'px');  
             this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');  
             return this;  
        } 
		
		$("#bannerBar").center();
		
		
		$('#banner').mousedown( function (event) {
	
			var isMove = true; 
			var abs_x = event.pageX - $('#bannerBar').offset().left; 
			var abs_y = event.pageY - $('#bannerBar').offset().top;
		
			$(document).mousemove(function (event) { 
				if (isMove) { 
					var obj = $('#bannerBar'); 
					obj.css({'left':event.pageX - abs_x, 'top':event.pageY - abs_y}); 
				}
			}).mouseup(function () { 
				isMove = false; 
			}); 
		
		}); 
	})(jQuery); 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值