dreamweaver悬浮窗代码_如何用dreamweaver设计让网页弹出小窗口像商业网站那些广告窗口拜托了各位谢谢

Ⅰ 如何用Dreamweaver添加悬浮框，如图

用Dreamweaver添加悬浮框的方法

1、使用Dreamweaver软件，打开一个已经编辑完成的html页面。
2、然后打开折叠的body标签，在标签的末尾添加一个DIV。
3、在DIV里面加入一个img标签，src指向images文件夹中的一张图片。
4、这时的div并没有相应的css样式，只处在整个网页的左下角。
5、接下来我们就需要将给其添加一定的css样式，为了简便起见，我的css样式就写在页面的body标签里面了。
6、首先我们要让这个DIV的position样式为fixed，意为相对于屏幕定位。然后将top设为20px;right也设为20px;这样我们的div就固定在相对距离屏幕上方和右方分别20个像素的地方。

Ⅱ 如何用Macromedia Dreamweaver 8做悬浮窗

用position:fixed;_position:absolute;来控制的，具体的代码上网络搜搜就一大堆了，找个合适的改一改就好了~

Ⅲ dreamweaver里面浮动图像的代码是什么

1.先建立一个名为"漂浮.js"的JS文件，代码为： var no = 8 ;
var oTime = new Date();
var lastTime = oTime.getTime();
var x_sin, x_point, y_point;
var x_length, x_increased, y_increased;
var i, body_width = 932, body_height = 538;
var lastTime = 0;
var fallInterval = 2.4;

x_sin = new Array();
x_point = new Array();
y_point = new Array();
x_length = new Array();
x_increased = new Array();
y_increased = new Array();
var oBody = document.body;
var d=document;

/*body_width = oBody.clientWidth;
body_height = oBody.clientHeight;*/

for (i = 0; i < no; ++ i) {
snowFlakeImgNo = Math.round(Math.random()*(snowflake.length-1));
x_sin[i] = 0;
x_point[i] = Math.random()*(body_width-250)+100;
y_point[i] = Math.random()*body_height;
x_length[i] = Math.random()*20;
// x_increased[i] = 0.02 + Math.random()/10;
// y_increased[i] = 0.7 + Math.random();
x_increased[i] = 0.08 + Math.random()/5;
y_increased[i] = 2.7 + Math.random()*2;

d.write("<div id=\"snowFlakeDiv_"+ i +"\" style=\"position:absolute; z-index:11; visibility:visible; top: 15px; left: 215px;\"><img src=\"" + snowflake[snowFlakeImgNo] + "\" border=\"0\" id='snowImg_"+ i +"'></div>");
}

function snowFlakeFloat() {
var now = new Date();
var second = now.getTime();
var scrollTop = document.body.scrollTop;
var snowflakeDiv_0 = d.getElementById("snowFlakeDiv_0");
var snowflakeDiv_1 = d.getElementById("snowFlakeDiv_1");
var snowflakeDiv_2 = d.getElementById("snowFlakeDiv_2");
var snowflakeDiv_3 = d.getElementById("snowFlakeDiv_3");
var snowflakeDiv_4 = d.getElementById("snowFlakeDiv_4");
var snowflakeDiv_5 = d.getElementById("snowFlakeDiv_5");
var snowflakeDiv_6 = d.getElementById("snowFlakeDiv_6");
var snowflakeDiv_7 = d.getElementById("snowFlakeDiv_7");
for (i = 0; i < no; i++) {
if (y_point[i] >= 0) {
y_point[i] += y_increased[i];
}
if (y_point[i] > scrollTop + body_height - 10 || y_point[i] < scrollTop || y_point[i] < 0) { // 移出窗口，或在等待队列
if ((second - lastTime) / 1000 > fallInterval) { // 从队列中下落
snowFlakeImgNo = Math.round(Math.random()*(snowflake.length-1));
if (document.getElementById('snowImg_'+i)) {
document.getElementById('snowImg_'+i).src = snowflake[snowFlakeImgNo];
}
x_point[i] = Math.random()*(body_width-x_length[i]-250) + 100;
y_point[i] = scrollTop;
x_increased[i] = 0.05 + Math.random()/2;
y_increased[i] = 2.7 + Math.random()/2;
// x_increased[i] = 0.05;
// y_increased[i] = 2.7;
body_width = oBody.clientWidth;
body_height = oBody.clientHeight;
lastTime = second;
}else {
y_point[i] = -50;
}

}
x_sin[i] += x_increased[i];

eval("snowflakeDiv_"+i).style.pixelTop = y_point[i];
eval("snowflakeDiv_"+i).style.pixelLeft = x_point[i] + x_length[i]*Math.sin(x_sin[i]);

}
}

window.setInterval("snowFlakeFloat()",100);

2. 在你需要的页面链接代码文件：<SCRIPT language=javascript src="漂浮.js"></SCRIPT>

3. 加入图片, 代码为： <SCRIPT language=JavaScript>
//我这只加了三张图片，其实你还可以多加几种图片，图片文件一般小。
var snowflake = new Array();
snowflake[0] ='float1.gif';//图片一
snowflake[1] ='float2.gif';//图片二
snowflake[2] ='float3.gif';//图片三
</SCRIPT>

呵呵，做好这几步，一个漂亮的漂浮就搞定了。

Ⅳ 请问Dreamweaver软件如何在网页中添加图片悬浮窗

<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>

Ⅳ 如何用dreamweaver制作悬浮窗那种滚动条往下滚动时随着一起往下的那种！谢谢！

这种是需要用到JS的，你可以在网上搜索一下，有很多这方面的代码

Ⅵ Dreamweaver的CSS里的浮动代码是什么

值
描述

left 元素向左浮动。
right 元素向右浮动。
none 默认值。元素不浮动，并会显示在其在文本中出现的位置。
inherit 规定应该从父元素继承 float 属性的值

Ⅶ 求教！Dreamweaver悬浮窗和按钮问题，没太多悬赏金不好意思

悬浮窗简单如下

<divstyle="width:100px;height:200px;position:fixed;top:50%;left:10px;margin-top:-100px;border:1px#2167basolid;">里面放广告记得改尺寸margin-top的值是负的一半高度</div>

第二题不清楚 “之前那个”是哪道题？不过可以给你看一下大概原理下面这样插入body里注意我把问题的id设成序号形式以方便调用但是你要自己对得上

<scripttype="text/JavaScript">
functionfn(){
varisok=1;
varn=0;
for(vari=1;i<4;i++){
if(isok==1){
if(document.getElementById("q"+i).value==""){
isok=0;
n=i;
}
}
}
if(isok==0){
alert("第"+n+"空未填写！");
}
else{
alert("填写完成");//替换为你要跳转的连接
}
}
</script>
第一空<inputid="q1"type="text"/><br/>
第二空<inputid="q2"type="text"/><br/>
第三空<inputid="q3"type="text"/><br/>
<inputname=""type="button"value="提交"onclick="fn()"/>

Ⅷ 如何用dreamweaver设计让网页弹出小窗口，像商业网站那些广告窗口拜托了各位谢谢

准备小窗口页面：

1.打开一个页面，设置页面属性。左边界，顶部边界为0，在标题处输入标题名称。

Ⅸ 如何在Dreamweaver里做下面的悬浮窗

可以在html里做一个div 设置他的id 比如：<div id= "box">内容</div> ; 也就是这个悬浮窗的内容框架

然后在css里面设置他的浮动位置利用position 可以精准定位

#box {

position:fixed;

top: 100px;顶边距离

left: 100px; 左边距离

}

当然还有其他相对于父元素的定位的：

导航:首页 > 编程语言 > dreamweaver悬浮窗代码

dreamweaver悬浮窗代码

与dreamweaver悬浮窗代码相关的资料

友情链接