⑴ 網頁懸浮窗怎麼弄
這個懸浮窗是一個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、最後查看一下浮動窗口的效果，會發現浮動窗口在網頁中不斷的移動，當滑鼠懸停其上時會停止移動，點擊「隱藏」按鈕將自動隱藏懸浮窗口。