小灰博客--小灰IT技术博客 | sky00.com

最简单的网站左右悬浮图片代码

应要求要在网站侧栏加一个悬浮的二维码,如果你网站的整体结构很复杂 各种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>标签内!蛮好用的,效果如图,不会跟随鼠标的滑动而换位!

QQ0131113161831


如果该文章帮到了您,不妨帮忙分享支持下博主!
同时也欢迎各位技术爱好者加入IT技术群(点击即可):70035098 互相交流学习!

分享该文章到:


发表评论

邮箱地址不会被公开。 必填项已用*标注