首先非常感谢网友小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');
});
}
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友小z空间 微信二维码特效 滑动插件 图片放大 原创