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懸浮窗代碼相關的資料

友情鏈接