首先非常感谢网友宁静致远的无私分享,这是一款非常实用的作品,是他分享到JquerySchool网站上的第二款悬浮二维码特效,这一款实现可关闭的微信悬浮二维码特效,功能非常简单,只用到了层的显示和隐藏功能,跟上一款他分享的带微信浮动二维码的置顶特效比起来就简单多了。。。
实现的javascript代码如下:
function showLsj() {
var showwx = document.getElementById('wxico');
showwx.style.display = "none";
var showwxjm = document.getElementById('wxjm');
showwxjm.style.display = "block";
var lsjweixin = document.getElementById('lsj_weixin');
lsjweixin.style.width = "320px";
lsjweixin.style.height = "240px";
}
function closeLsj() {
var showwx = document.getElementById('wxico');
showwx.style.display = "block";
var showwxjm = document.getElementById('wxjm');
showwxjm.style.display = "none";
var lsjweixin = document.getElementById('lsj_weixin');
lsjweixin.style.width = "40px";
lsjweixin.style.height = "40px";
}
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
网友宁静致远 微信二维码特效 鼠标悬浮 悬停特效 浮动二维码 悬浮二维码