以下代码是文字+图片的浮窗设置:
<div style=" position:fixed; z-index:1; bottom:25%; left:3%; color:#F00"><strong>手机扫描,随时阅读</strong></div>
<img src="http://www.365younger.com/images/WZerweima1.jpg" style="position:fixed;left:2%; bottom:3%;width="100px" height="140px" z-index:1"/>
以下是单图片的浮窗设置代码:
直接放在所要添加页面的代码中,<boby></boby>之间即可
一般根据实际情况,设置以下参数进行大小和位置的调整!
bottom:25%——设置浮窗上下间距的比例
left:3%——设置浮窗靠左的间距比例(如设置右边浮窗,可将“left”更改为“right”)
color:#F00——设置颜色
width="100px" height="140px"——图片尺寸大小
【知识延伸】
这种浮窗的展现,在京东商城上面也能够设置侧边浮窗哦!下面我的大学就给大家讲讲这个知识!登陆京东商家后台,直接看图设置吧!首先得准备一张宽120px X 长350px的图片,不要超过这样的一个尺寸!
由于京东上侧边浮窗的设置尺寸有限,所以只能在它的规定尺寸中制作图片!