html(网页)浮动窗口,如何制作html(网页)浮动窗口? 5

就是这个浮动窗口在页面上飘来飘去... 就是这个浮动窗口在页面上飘来飘去 展开
 我来答
yogzaengg
高粉答主

2018-04-11 · 说的都是干货,快来关注
知道大有可为答主
回答量:480
采纳率:100%
帮助的人:7.9万
展开全部

制作方法:

将下列代码输入html软件

页面初始化效果:

问题分析:

HTML中的浮动窗口,可以使用CSS的定位方式完成,同时使用这种方式来完成这个功能也是一种较为简单的方式,只需要有HTML以及CSS的知识就可以完成了。

举例如下:

在以下示例中,将演示页面左右两侧分别放置一个高度为500像素,宽度为200像素的浮动窗口。示例中使用的定位方式为:固定定位(fixed),所有它们将永远的跟随页面进行滚动。

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

人都是练出来的
2014-05-27 · 知道合伙人互联网行家
人都是练出来的
知道合伙人互联网行家
采纳数:770 获赞数:2400
2010毕业于北方学院本二计算机科学与技术专业,毕业后一直从事网络相关工作,对工艺品也有一定涉猎

向TA提问 私信TA
展开全部
浮动窗口可以很简单的弄个,就是一个div 样式<div style=" position:fixed; top:50%; left:50%; width:100px; height:50px; margin:-25px 0 0 -50px; ">内容</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
miniapp16f136f755b6
2014-04-04 · 超过23用户采纳过TA的回答
知道答主
回答量:208
采纳率:0%
帮助的人:43.8万
展开全部
父级元素设置: position:relative;
子集元素设置:position: absolute; 用left、right、top、bottom 来控制距离;

position:fixed; 同理用left、right、top、bottom 来控制距离;
更多追问追答
追问
如何制作?
追答
那要看具体情况来做了,没看见图,我怎么给你说啊
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
7474074
2014-04-04 · TA获得超过134个赞
知道答主
回答量:132
采纳率:100%
帮助的人:87.2万
展开全部
这个很简单呀!
需要浮动的话,只需要在样式上的position设置fixed即可。
比如:
<div style="position:fixed; z-index:1;">

</div>
这样写就浮动了,然后只需要用top、bottom、left、right来定位就行了

如果需要飘来飘去的浮动,需要配合js来完成,js可以去牛图库上找,里面有很多插件,改下样式就可以使用了。
追问

在哪里设置top、bottom、left、right?

 

 

 

如果不用CSS,如何设置div的位置?

追答
你的截图不是已经标明了嘛,在第一排position的属性值设置fixed,在Clip里面不是有Top、Right、Bottom、Left四个值的设置。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
NateBy
2014-04-03 · TA获得超过109个赞
知道小有建树答主
回答量:215
采纳率:0%
帮助的人:107万
展开全部
那个那个应该是叫层,然后是层和时间轴配合,记录移动轨迹,形成在页面上飘来飘去
追问
如何制作?
追答
自己查,层
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式