㈠ CSS+幫忙把懸浮窗口的源代碼拿出來 即可 謝謝了。
http://lanrentuku.com/js/ilian.html 左右復懸制浮窗口
㈡ 關於HTML做懸浮窗口
<style>
#nav { width:150px; height: 400px; border: 1px solid #D4CD49; position:fixed;left:0;top:30% }
</style>
<div id="nav"></div>
你看這樣行不行
㈢ 視頻窗口上的懸浮窗如何實現 VC++
就是一個浮動的彈出式菜單。映射滑鼠右鍵消息就可以了,或者映射WM_CONTEXTMENU消息。
㈣ 網站中視頻懸浮代碼是什麼
在你的網站主目錄建立JS文件,再建立一個JS文件(如ad-01.js)
打開文本將下面代碼復制到其中,保存格式為js
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 = 5;
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 = 5;
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);
}
document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href='http://你鏈接的網址' target='_blank'><img src=你鏈接的圖片 border='0'></a></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='http://你鏈接的網址' target='_blank'><img src=你鏈接的圖片 border='0'></a></div>");
initEcAd()
// javaScript Document
還沒結束呢,,然後將 <script src="js/ad-01.js" language="JavaScript"></script>放在body中。就OK
把<img src=你鏈接的圖片 border='0'>改為視頻代碼
㈤ 求一則隨滾動條上下浮動的懸浮窗口代碼
<HTML>
<HEAD>
<TITLE>跟著滾動條的層-</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by Sucai.com">
</HEAD>
<body bgcolor="#CCDDFF">
<script language=javascript>
document.write("<DIV id=MovedDiv style='left:25px;POSITION:absolute;TOP:20px;'><a href='#top'><<返回頂部</a></div>");
lastScrollY=0;
function backtop()
{
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollY);
if(percent>0)
{
percent=Math.ceil(percent);
}
else
{
percent=Math.floor(percent);
}
document.all.MovedDiv.style.pixelTop+=percent;
lastScrollY=lastScrollY+percent;
}
window.setInterval("backtop()",10);
</script>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
<br><br><br>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代碼" onClick= 'window.location = "view-source:" + window.location.href'></div>
㈥ DIV懸浮的代碼
在頁面底來部的模板文件,自footer.htm文件添加一段代碼即可。
在</body>標簽前面插入。
例如:
<div id="kefu2">
<div class="cs_qcode">
<img src="http://www.xiulinart.com/Uploads/201608/57aaa0cb70984.jpg" title="用手機微信掃一掃" />
</div>
</div>
<style>
#kefu2{position:fixed; left:0px; bottom:100px; z-index:10008; padding: 10px; background: #fff; font-size: 12px;}
.cs_qcode{padding: 10px 0px 0px 0px;}
</style>
㈦ 我應該如何修改懸浮窗口代碼才能達到我想要的效果謝謝!
<script language="javascript">
var specialcode="<DIV id=divleft style='Z-INDEX: 2; left: 5px; POSITION: absolute; TOP: 5px;'>"
+"<TABLE cellSpacing=0 cellPadding=0 width=100 >"
+"<TR><TD><a href=/server.htm target=_blank><img src=inc/server.gif border=0></td></TR>"
+"<TR><TD><a href=/html/files/20071026/20071026.html target=_blank><img src=html/files/20071026/cfg.gif border=0></td></TR>"
+"<TR><TD onclick=divleft.style.visibility='hidden'><img src=inc/close.gif></TD></TR>"
+"</TABLE></DIV>";
specialcode +="<DIV id=divright style='Z-INDEX: 2; right: 5px; POSITION: absolute; TOP: 5px;'>"
+"<TABLE cellSpacing=0 cellPadding=0 width=100 >"
+"<TR><TD><a href=/server.htm target=_blank><img src=inc/server.gif border=0></td></TR>"
+"<TR><TD><a href=/html/files/20071026/20071026.html target=_blank><img src=html/files/20071026/cfg.gif border=0></td></TR>"
+"<TR><TD onclick=divleft.style.visibility='hidden'><img src=inc/close.gif></TD></TR>"
+"</TABLE></DIV>";
document.write(specialcode);
var divTop =5;//圖層的頂端高度,可以自己調的,要和圖層的top對應
function heartBeat0(){
document.getElementById("divleft").style.top = document.body.scrollTop + divTop;
document.getElementById("divright").style.top = document.body.scrollTop + divTop;
}
//window.setInterval("heartBeat0()",1);
document.body.onscroll = new Function("heartBeat0()");
//原來寫的是每一秒執行一次,我給改成當你移動滾動條的時候執行
</script>
代碼我稍微改了下,你試試看
㈧ 求一個隨頁面浮動的視頻窗口js代碼
浮動廣告 var initTop=0; var initLeft=0;function init(){ initTop = document.getElementById("advLayer").style.pixelTop; initTop = document.getElementById("advLayer0").style.pixelTop; }function move(){ document.getElementById("advLayer").style.pixelTop=initTop+document.body.scrollTop; document.getElementById("advLayer0").style.pixelTop=initTop+document.body.scrollTop; } window.onscroll=move; x www..com"</A> width="200" height="215" marginwidth="0" marginheight="0" hspace="0" vspace="0" frameborder="0" scrolling="no">
㈨ html彈出懸浮窗口代碼,怎麼實現啊
做到比較簡單
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<style type="text/css">
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
background-color:#CCC;
left: 165px;
top: 211px;
display:none;
}
</style>
<script type="text/javascript">
function a(){
a=document.getElementById("a").value;
if(a=="tijiao"){
document.getElementById("apDiv1").style.display="block";
}
}
</script>
</head>
<body>
<input type="button" value="tijiao" id="a" onclick="a()" />
<div id="apDiv1">hello</div>
</body>
</html>