最简单的网站左右悬浮图片代码
文章来源：小灰博客| 时间：2013-11-13 16:26:06| 作者：Leo | 0 条评论
应要求要在网站侧栏加一个悬浮的二维码，如果你网站的整体结构很复杂 各种DIV嵌套在加上头部尾部是调用的，那么这时候这个悬浮的代码就是找到了也很不好加，我今天来说一个最简单的又通用的代码
<style>
.leoimg{
position:fixed!important;bottom:30px;z-index:100; /*bottom:30px是距离底部多高，尺寸自己调整*/
position:absolute;
top:expression(eval(document.body.scrollTop + (document.body.clientHeight)-10-(this.offsetHeight)));right:160px /*这里写right在是网站的右边 写left是在网站的左右，后面的数字是与左右填充的间距 可以自己适当的调整*/
}
</style>
<img src=’/images/ad.jpg’ class=”leoimg”>
把这个代码加在网站的开始或者结束都可以，当然必须在<body>标签内！蛮好用的，效果如图，不会跟随鼠标的滑动而换位！
如果该文章帮到了您，不妨帮忙分享支持下博主！
同时也欢迎各位技术爱好者加入IT技术群（点击即可）：70035098 互相交流学习！
同时也欢迎各位技术爱好者加入IT技术群（点击即可）：70035098 互相交流学习！
分享该文章到：