.left-float{position:fixed; right:40px; bottom:60px; width:40px; height:140px; z-index:10000000;}
.left-float .qr-code,.left-float .gototop{width:40px; height:40px; padding:10px; margin-bottom:5px; background:#FFFFFF; text-align:center; line-height:40px; font-size:40px; cursor:pointer; color:#428BCA; font-family:"微软雅黑"; font-weight:bold;}
.left-float .gototop{display:none;}
.left-float .qr-code-box{width:250px; height:250px; position:absolute; left:-250px; top:-100px; overflow:hidden; display:none;}
.left-float .qr-code-box img{width:250px; height:250px;}html代码的实现<!--返回顶部和二维码显示-->
<div class="left-float midfix">
<div class="qr-code"> ※(注記) </div>
<div class="qr-code-box">
<img src="__PUBLIC__/Static/img/weixin.jpg" alt="{$site_name}" />
</div>
<div class="gototop" id="goToTop"> ∴ </div>
</div>ja<script type="text/javascript">
$(window).scroll(function(){
var scrTop = $(window).scrollTop();
var windowTop = $(window).height();
if ((windowTop-300)<scrTop){
$(".gototop").fadeIn("slow");
}else{
$(".gototop").fadeOut("slow");
}
});
$('.qr-code').mouseenter(function(){
$('.qr-code-box').fadeIn("slow");
}).mouseleave(function(){
$('.qr-code-box').fadeOut("slow");
});
$('#goToTop').click(function(){
$('html,body').animate({scrollTop: '0px'}, 300);
});
</script>
ThinkPHP 是一个免费开源的,快速、简单的面向对象的 轻量级PHP开发框架 ,创立于2006年初,遵循Apache2开源协议发布,是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。