html中的浮动窗口，可以使用CSS的定位方式完成，同时使用这种方式来完成这个功能也是一种较为简单的方式，只需要有HTML以及CSS的知识就可以完成了。举例如下：在以下示例中，将演示页面左右两侧分别放置一个高度为500像素，宽度为200像素的浮动窗口。
首先打开dw之后，新建一个html简单项目，输入项目名称后，就能新建一个html文件了。这时候在dw中就可以看到简单的基本代码，此时就能添加按钮并设置跳转页面。为了测试点击按钮跳转的测试，在这里利用button标签新建一个按钮。然后在这里可以添加一个a标签，然后编写一个测试的Http地址。
首先需要做的就是创建两个DIV。创建了div后，需要分别给它们Class属性。接下来，使用css，通过Class属性给它们设置样式。需要给于它们一个宽度与高度，为了便于观察，可以给它们一个边框。接下来，先给不悬浮的div设置样式，给它设置一个背景颜色。
进入“系统设置—网站管理—样式管理—咨询图标”，系统默认进入咨询图标设置页面 咨询图标 1）.类型：商桥提供了三种图标类型：浮动型、炫彩型，内嵌型 （浮动型：在页面边缘处浮动展现）炫彩型：与浮动型类似，整体风格设计更加具有设计感）（内嵌型：将对应代码插入页面中的某一位置。
要实现网页上浮动的东西，比如雪花特效，你可以尝试以下几种代码示例。这些效果可以为网页增添动态和趣味性。下面是一些具体的实现方式： 在顶部带滚动的雪花：你可以使用HTML、CSS和JavaScript结合实现。首先在HTML中引入雪花图像，通过CSS设置其样式和位置。
1、显示按钮：提供“现在咨询”、“稍后咨询”两个按钮供方可选择 2）隐藏按钮：隐藏咨询按钮，只显示邀请文字，访客点击邀请框任何位置都可以发起对话 3）直接聊天：访客可以在邀请窗口直接输入文字发送给客服 邀请文字内容：设置邀请时显示的邀请语，通常是介绍公司产品，欢饮客户的话语。
2、创建一个名为“topwindows.html”的网页文件。
3、进入辅助功能页面后，找到触摸，点击进入触摸页面。浮动窗口权限开在哪里？打开辅助触摸 在触控页面，点击辅助触控，然后点击右侧的打开，成功打开浮动窗口。
4、首先打开dw之后，新建一个html简单项目，输入项目名称后，就能新建一个html文件了。这时候在dw中就可以看到简单的基本代码，此时就能添加按钮并设置跳转页面。为了测试点击按钮跳转的测试，在这里利用button标签新建一个按钮。然后在这里可以添加一个a标签，然后编写一个测试的Http地址。
在使用IE9浏览器查看网页HTML和CSS源代码时，我们可能会遇到浏览器菜单栏默认隐藏的问题。这时，只需按下键盘上的ALT键，即可显示浏览器工具栏。随后，在工具栏上点击“查看”选项，再选择“源文件”，即可打开一个新的窗口，显示出网页的源代码。不过，这份源文件的格式可能显得比较复杂，不易理解。
最基本的弹出窗口代码 SCRIPT LANGUAGE=javascript ！-- window.open （page.html）-- /SCRIPT window.open （page.html） 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径（http：//）和相对路径（../）均可。
打开电脑端html编辑器，然后新建HTML文件，以便待会用来引入js文件。如图，如果想在head标签中使用javascript脚步，那么最好加入window.onload，然后在花括号里面写js代码。而如果是在body下边，那就好办多了，可以直接在script里面写js代码，不需window.onload。
打开html开发软件，在html开发工具上新建一个html页面，用于在同一行显示多个div。在html代码页上创建两个div标记，然后将class类添加到这两个div标记中。在这种情况下，类类是：一，二。创建div代码：一。创建标签，设置二班的班级风格。您需要设置宽度、高度、浮动、边框和框大小属性。
CSS节省大量时间 CSS为设置元素的样式属性提供了很大的灵活性。您可以编写一次CSS；然后可以将相同的代码应用于HTML元素组，也可以在多个HTML页面中重用。 易维护 CSS提供了一种简单的方法来更新文档的格式，并保持多个文档之间的一致性。因为可以使用一个或多个样式表轻松控制整个网页集的内容。
在搜索结果里面可以看到大量和新浪微博相关的CSS文件，从中选择一个自己喜欢的CSS代码链接后打开它，接着在弹出的网页中点击“Install with Stylish”按钮（图2）。接下来在弹出的“安装用户样式”窗口中点击“安装”按钮，就可以完成这个CSS样式文件的安装。
