① 網頁設計求懸浮窗代碼
{
自width:100px;
height:130px;
background:red;
position:absolute;
right:0;
bottom:0;
}
中的position屬性值改為fixed。搞定
② 誰知道網頁懸浮廣告的代碼
腳本說明: 把如下代碼加入<body>區域中 <SCRIPT FOR=window EVENT=onload LANGUAGE="javaScript"> initAd();//載入頁面後，調用函數initAd() </SCRIPT> <script language="JavaScript"> <!-- function initAd() { document.all.AdLayer.style. posTop = -200; //設置onLoad事件激發以後， 廣告層相對於固定後的y方向位置 document.all.AdLayer.style. visibility = 'visible'//設置層為可見 MoveLayer('AdLayer');// 調用函數MoveLayer() } function MoveLayer(layerName) { var x = 600;//浮動廣告層固定於瀏覽器的x方向位置 var y = 300;//浮動廣告層固定於瀏覽器的y方向位置 var diff = (document.body.scrollTop + y - document.all.AdLayer.style. posTop)*.40; var y = document.body.scrollTop + y - diff; eval("document.all." + layerName + ".style.posTop = y"); eval("document.all." + layerName + ".style.posLeft = x");//移動廣告層 setTimeout("MoveLayer(' AdLayer');", 20);//設置20毫秒後再調用函數MoveLayer() } //--> </script> <!--下面為一個ID為AdLayer的層( 如ID名不為AdLayer， 上面MoveLayer()內的AdLayer也要作相應修改) ，包括一張帶鏈接的圖片--> <div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'> <a href=" http://class.yoyoent. com/"><img src=' http://www.yoyoent.com/ images0324/logo2.gif' border="0" height="31" width="88"></a> </div>
③ c++懸浮窗代碼
懸浮窗要點:
a.從QWidget 繼承..沒有工具bar, 狀態bar...當叢慎衫然,從QMainWindowi繼承也能了.
b.去掉標題欄: setWindowFlags( Qt::FramelessWindowHint
c.窗體置頂 setWindowFlags( Qt::WindowStaysOnTopHint
d. 隱藏任務欄圖標 setWindowFlags( Qt::Tool) //工具條模式
e: 背景透明 setAttribute(Qt::WA_TranslucentBackground, true);
f: 添加滑鼠事件滲腔..拖曳..滑鼠動態圖標等.
void mousePressEvent(QMouseEvent *event);
void mouseMoveEvent(QMouseEvent *event);
void paintEvent(QPaintEvent *event);
void enterEvent(QEvent *event);
void leaveEvent(QEvent *event);
2.建立普通窗孝嘩體.
3.懸浮窗增添雙擊事件,
④ js或者CSS帶關閉的漂浮廣告代碼
<html><head><title>固定在底部的漂浮廣告</title></head><body><script LANGUAGE='JavaScript'>var ad_float_left_src="http:/images/logo.gif";var ad_float_left_url = "http:";var ad_float_left_type = "";document.ns = navigator.appName == "Microsoft Internet Explorer"var imgheight_closevar imgleftwindow.screen.width>800 ? imgheight_close=120:imgheight_close=120window.screen.width>800 ? imgleft=15:imgleft=122function myload(){myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imgleft;leftmove();}function leftmove(){myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;myleft.style.left=imgleft;setTimeout("leftmove();",50)}function MM_reloadPage(init) {if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true)function close_float_left(){myleft.style.visibility='hidden';}if(document.ns){document.write("<div id=myleft style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'><style>A.closefloat:link,A.refloat:visited {text-decoration:none;color:#000000;font-size:12px}A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}</style><table border=0 cellpadding=0 cellspacing=0><tr><td>");if(ad_float_left_type!="swf")document.write("<a href='" + ad_float_left_url + "' target = '_blank'><img src='" + ad_float_left_src + "' WIDTH=100 HEIGHT=100 border = 0></a>");elsedocument.write("<EMBED src='" + ad_float_left_src + "' FlashVars='" + ad_float_left_url + "' quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-flash' id=changhongout ></EMBED>");document.write("</td></tr><tr><td width=80 height=20 align=right><a href='javascript:close_float_left();void(0);' class=closefloat><font color=#0000ff size=2>關閉<font></a></td></tr></table></div>");myload()}</script></body></html>
⑤ html單頁網站 右下角懸浮圖片的代碼
可以根據HTML和CSS一起去實現
建立代碼框架，head、body。
然後建站框架。
<htmlxmlns="<a href="http://www.w3.org/1999/xhtml">" target="_blank">http://www.w3.org/1999/xhtml"></a>
<head>
<title></title>
<styletype="text/css">
.ad{width:100px;height:100px;background:red;position:fixed;right:0;bottom:0;}
</style>
<scriptsrc="這里改成你自己jquery庫的地址"type="text/javascript"></script>
<scripttype="text/javascript">
$(document).ready(function(){
setTimeout(function(){
$(".ad").fadeOut();
},10000)
});
</script>
</head>
<body>
<divclass="ad"></div>
</body>
</html>
⑥ 網頁懸浮圖片怎麼寫代碼
左側懸浮代碼如下：
<div style="position:absolute;width:110px;height:455px;top:150px;left:0px;" id="lefimg"><img border="0" src="../圖片名" width="圖片寬度" height="圖片高度" /></div>
<script language="JavaScript">
<!--
lastScrollY=0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("lefimg").style.top=parseInt(document.getElementById("lefimg").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
window.setInterval("heartBeat()",1);
// -->
</script>
圖片高度和寬度用數字代替即可，層的寬度和高度可自定義
將如上代碼加入到網頁的</body>前即可