⑴ 网页悬浮窗怎么弄
这个悬浮窗是一个div层，在这个div里面添加一个按钮或者 关闭都可以，'MyDiv'就是悬浮窗div的id，js里面写个函数即可 function CloseDiv(div) { document.getElementById(div).style.display = 'none'; };若有不妥，请补充！
⑵ 如何制作html(网页)浮动窗口
制作方法：
将下列代码输入html软件
⑶ 网站怎么加悬浮窗广告
加入下面的代码，位置可以修改一下参数
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>
悬浮广告
</title>
</head>
<body>
<div style="height:900px; display:block;"></div>
<div
id="AdLayer1"
style='position:
absolute;
;z-index:1;
left:100px;
border:1px
#DDD
solid;
width:36px; height:200px; background-color:#CCC;'></div>
<div
id="AdLayer2"
style='position:
absolute;
;z-index:1;
right:100px;
border:1px
#DDD
solid;
width:36px; height:200px; background-color:green;'></div>
<script type="text/javascript">
//
页面初始化
function initEcAd() {
document.all.AdLayer1.style.posTop = 200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = 200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
//
移动左面的广告层
function MoveLeftLayer(layerName) {
var x = 100;
var y = 100;//
左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
//
移动右边的广告层
function MoveRightLayer(layerName) {
var x = 100;
var y = 100;//
右侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
initEcAd()
⑷ 制作网页时，浮在首页上面的小窗口怎么样做
在想要产生浮动窗口的地方使用<iframe src=></iframe>就行了.在src=后面输入你想要浮动窗口里显示的那个网页的URL.
⑸ 怎么在网站的页面上加微信悬浮窗
想要开启微信的悬浮窗权限时打开手机桌面，然后点击“设置”
微信浮窗权限怎么设置
2、打开手机“设置”界面后找到“应用和通知”并点击
微信浮窗权限怎么设置
3、打开“应用和通知”界面后点击“权限管理”
微信浮窗权限怎么设置
4、打开“权限管理-应用”界面后找到微信并点击
微信浮窗权限怎么设置
5、打开“应用权限-微信”界面后点击“设置单项权限”
微信浮窗权限怎么设置
6、打开“单项权限-微信”设置界面，然后点击“悬浮窗”设置项右侧的灰色按钮，点击后便可开启微信的悬浮窗权限，微信浮窗功能就可以使用了
⑹ 那个点击问题之后浮在官网上的浮窗是怎么做出来的
网站使用商桥后，会显示咨询图标和邀请框。
您可以选择类型、皮肤、位置、尺寸、文字、邀请机制。
设置方法如下：
1.进入“系统设置—网站管理—样式管理—咨询图标”，系统默认进入咨询图标设置页面
1.咨询图标
1）.类型：
商桥提供了三种图标类型：浮动型、炫彩型，内嵌型
(浮动型：在页面边缘处浮动展现)
炫彩型：与浮动型类似，整体风格设计更加具有设计感)
(内嵌型：将对应代码插入页面中的某一位置。固定在此处展现咨询图标)
2）皮肤样式
在浮动型和内嵌型的类型中，可以选择主题、纯色、自定义三种模式来设置图标的皮肤，可以对图标的宽和高进行设置。
主题：商桥自带了多款精美主题，覆盖了众多行业，方便大家快速设置。
纯色：有些客户希望获得简约的展现方式来配合网站的样式，大家可以通过选择纯色的皮 肤来做到这一点。
自定义：允许客户上传图片，控制尺寸。建议客户选择清晰的图片上传，并且控制尺寸使得图片正常显示。
3)图标尺寸：
通过调整图标宽和高的尺寸来设置咨询图标的大小，如果选择的是自定义图标，还可以直接点击自定义选项来设置图标尺寸
4）标题样式
即显示在咨询图标上的文字。
商桥提供了在线咨询、联系我们、call us多种颜色的标题。若不喜欢标题显示，也可以选择隐藏标题。
5）图标展现图层与样式
图标展现样式设置中，可以设置咨询图标中展示的内容，分为：只显示图标、显示分组、显示客服列表三个选项
6）图标显示位置
可以设置在图标在页面中显示的六个位置
2.邀请框：
1）类型
邀请框类型和咨询图标设置类似，在分为“通用型”和“炫彩型”两种类型，背景图和装饰图分为主题、纯色、自定义三个选项
3.按钮模式
邀请框按钮分为三种设置：
1）显示按钮：提供“现在咨询”、“稍后咨询”两个按钮供方可选择
2）隐藏按钮：隐藏咨询按钮，只显示邀请文字，访客点击邀请框任何位置都可以发起对话
3）直接聊天：访客可以在邀请窗口直接输入文字发送给客服
4.邀请文字内容：
设置邀请时显示的邀请语，通常是介绍公司产品，欢饮客户的话语。
其中支持插入链接，让客户点击后进入您希望客户浏览的网页。选择链接后：在输入框中输入URL，点击添加即可。
5.邀请机制
管理员可以设置邀请机制，分为邀请方式、邀请次数、邀请页面、邀请时机、消失时间几个选项
6.邀请框显示位置
邀请框可以选择在页面中间、左下、右下三个位置显示
更多问题，请到推广客户端帮助频道查询：http://yingxiao..com/support/editor/index.html
了解更多网络推广信息，请查看：http://e..com/
⑺ 网站上的浮动窗口怎么弄出来的
需要浮动的话，只需要在样式上的position设置fixed即可。比如：
<div style="position:fixed; z-index:1;">
</div>
这样写就浮动了，然后只需要用top、bottom、left、right来定位就行了
如果需要飘来飘去的浮动，需要配合js来完成，js可以去牛图库上找，里面有很多插件，改下样式就可以使用了。
⑻ 网页悬浮框怎么设置，详细过程
那个悬浮的窗口样式设置为 position:fixed; width:100px; height:100px; left:50%; margin-left:-50px; top:50%; margin-top:-50px; margin-left是width的一半 margin-top是height的一半 关闭的话，你可以用jq控制 $(".close").click(function()...
⑼ 网页中如何加入悬浮窗口能一直悬浮在浏览器某个地方的。
1、首先创建一个名为“topwindows.html”的网页文件，其中的内容将被展示主页浮动窗口中。
2、网页浮动窗口对应的部分代码如下所示：
<html>
<style>
.img_wd{
font-size:30;padding-top:20px;
text-align:left;padding-left:70px;line-height:40px;
background:url(110.jpg) top center no-repeat;
width:252px;height:127px;line-heiht:10px;
text-align:center;
font-family:"微软雅黑,仿宋,楷体,黑体"
color: #fafafa;
text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;
}
</style>
<body>
<div class="img_wd" style="">
青春就是这么任性！<Br>
Younger GOOD
</div>
</body>
</html>
3、接着将如图所示的代码添加到主页<Body>和</Body>之间：
其中标签"fdck”中的属性SRC指向浮动窗口的网页地址。
<div id="img" style="position: absolute;visibility :hidden;padding:0px;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="middle">
<span style="CURSOR:hand;color:red;font-weight:bold;font-align:center;font-size:12px;padding-left:0px;" onclick="clearInterval(interval);fdck.style.visibility = 'hidden';img.style.visibility = 'hidden';">隐藏</span>
<div id="fdck" style="width:100%; height:100%; font-align:center; visibility:visible;border：0px; background-color: no">
<iframe width=320 height=150 src="topWindows.html" frameborder=no scrolling="no">
</iframe>
</div>
</div>
4、接下来需要添加浮动窗口随时运行的行为，对应代码如下：
<script language=javascript>
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {yPos = yPos + step;}
else {yPos = yPos - step;}
if (yPos < 0) {yon = 1;yPos = 0;}
if (yPos >= (height - Hoffset)) {yon = 0;
yPos = (height - Hoffset);}
if (xon) {xPos = xPos + step;}
else {xPos = xPos - step;}
if (xPos < 0) {xon = 1;xPos = 0;}
if (xPos >= (width - Woffset)) {xon = 0;xPos = (width - Woffset);}
}
function start() {
img.style.visibility = "visible";
interval = setInterval('changePos()', delay);}
start();
</script>
5、在此需要说明一点，需要将以上所有代码（包括JS脚本）全部放置在<body>和</body>之间。
6、最后查看一下浮动窗口的效果，会发现浮动窗口在网页中不断的移动，当鼠标悬停其上时会停止移动，点击“隐藏”按钮将自动隐藏悬浮窗口。