① 网页设计求悬浮窗代码
{
自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>前即可