首先非常感谢网友小z空间的无私分享,这是他的第一个作品,写好了就马上跟大家分享,此Jquery特效实现浮动微信二维码功能,随着微信的普遍使用,此作品也跟着越来越实用,希望网友们好好利用哦。。。
	
	核心代码如下:
	
$(function() {
	var Left = true;//左边
	var Height = 500;//高度
	var Margin =  20; //边距 
	var Speed = 1000;//速度
	var $left = 0;
	var timer = null;
	$left = !Left ? $(window).width() - $('#wx-small').width() - Margin : Margin;
	$('#wx-small').offset({top:-888, left:$left}).show().animate({top:Height}, Speed);
	$(window).bind('resize scroll', function (){
		clearTimeout(timer);
		timer = setTimeout(function () {
                $('#wx-small, #wx-big').animate({top: Height+$(window).scrollTop()},Speed);
            }, 100);
		});
	 $('#wx-small').click(function() {
		showHide('wx-small', 'wx-big');
	});
	$('#wx-big-can').click(function() {
		showHide('wx-big', 'wx-small');
	});
	function showHide(obj1, obj2) {
		var site = $('#' + obj1).offset().top;
		$('#' + obj1).hide(30,
		function() {
			$('#' + obj2).css({top:site+'px',left:$left+'px'}).show('slow');
		});
	}
});
	
	
	效果如下:
	 
 
   
                    
                    	
                    	    
                    	 
    如果您觉得本作品对您的学习有所帮助:
    	
                    	   
                    	   关键字:
中国地图插件 js特效 map 弹出层 实用特效