请问Dreamweaver软件如何在网页中添加图片悬浮窗？
Dreamweaver，我是菜鸟，我只是想知道，添加图片悬浮窗代码，以及哪里可以修改悬浮窗大小，图片来源，图片位置，我想要的悬浮窗就是像网站里的悬浮窗那样，跟随着，我往下...
Dreamweaver，我是菜鸟，我只是想知道，添加图片悬浮窗代码，以及哪里可以修改悬浮窗大小，图片来源，图片位置，我想要的悬浮窗就是像网站里的悬浮窗那样，跟随着，我往下拉，它就也跟着往下拉，，js的什么我不懂，只要简单我懂能实现就行，谢谢
就像这样可以跟随 展开
就像这样可以跟随 展开
1个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="JScript" type="text/jscript">
function initAd() {
document.all.AdLayer.style.posTop = -200;
//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 0;//浮动广告层固定于浏览器的x方向位置
var y = 240 ;//浮动广告层固定于浏览器的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>
<body onLoad="initAd()">
<div id=AdLayer style='position:absolute; width:110px; height:115px; z-index:20; visibility:hidden; left: 20px; top: 300px'>
<a target=blank href="http://wpa.qq.com/msgrd?V=1&Uin=574335526&Site=陕西泽盛电子有限公司&Menu=yes" alt='在线即时交谈'><img src="qq/kefu.gif" border="0" height="115" width="110"></a>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="JScript" type="text/jscript">
function initAd() {
document.all.AdLayer.style.posTop = -200;
//设置onLoad事件激发以后，广告层相对于固定后的y方向位置
document.all.AdLayer.style.visibility = 'visible'//设置层为可见
MoveLayer('AdLayer');//调用函数MoveLayer()
}
function MoveLayer(layerName) {
var x = 0;//浮动广告层固定于浏览器的x方向位置
var y = 240 ;//浮动广告层固定于浏览器的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>
<body onLoad="initAd()">
<div id=AdLayer style='position:absolute; width:110px; height:115px; z-index:20; visibility:hidden; left: 20px; top: 300px'>
<a target=blank href="http://wpa.qq.com/msgrd?V=1&Uin=574335526&Site=陕西泽盛电子有限公司&Menu=yes" alt='在线即时交谈'><img src="qq/kefu.gif" border="0" height="115" width="110"></a>
</div>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
