網頁設計廣告浮動代碼_網頁設計：dreamweaver如何製作浮動廣告

1、CSS 網頁兩邊的懸浮廣告誰有製作代碼，最好是，源文件！謝謝！！！！可追加懸賞！！！！

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>懸浮廣告</title>
</head>

<body>
<div style="height:900px; display:block;"></div>
<div id="AdLayer1" style='position: absolute; ;z-index:1; left:100px; border:1px #DDD solid; width:36px; height:200px; background-color:#CCC;'></div>
<div id="AdLayer2" style='position: absolute; ;z-index:1; right:100px; border:1px #DDD solid; width:36px; height:200px; background-color:green;'></div>

<script type="text/javascript">
// 頁面初始化
function initEcAd() {
document.all.AdLayer1.style.posTop = 200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = 200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
// 移動左面的廣告層
function MoveLeftLayer(layerName) {
var x = 100;
var y = 100;// 左側廣告距離頁首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
// 移動右邊的廣告層
function MoveRightLayer(layerName) {
var x = 100;
var y = 100;// 右側廣告距離頁首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}
initEcAd()
</script>
</body>
</html>

2、網頁設計怎樣使圖片在網頁中任意的飄來飄去，例如廣告圖片之類的

那個要用到一個JS代碼。上面的連接地址和圖片可以自行更改！ <div id="codefans_net" style="position:absolute"> <a href=" http://www.soso.com/" target="_blank"> <img src="/images.gif" width="160" height="95" border="0"> </a></div> <script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("codefans_net") function float() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x < L) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } } var itl= setInterval("float()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("float()", delay)} </script>

3、網頁設計：dreamweaver如何製作浮動廣告

除了普通的GifBanner、Flash外，浮動廣告也是時下網上較為流行的廣告形式之一。當你拖動瀏覽器的滾動條時，這種在頁面上浮動的廣告，可以跟隨屏幕一起移動。盡管這種效果對於廣告展示有相當的實用價值，但對瀏覽你網頁的人來講，這則是個既妨礙閱讀，又影響閱讀興趣的東西，因此一定不能濫用。不過，如果你能善用的話，它就能發揮出極大的作用。要做出浮動式廣告的效果並不困難，如果你有JS基礎的可以自己寫一個，如果連寫都懶得寫的話，到網上下載一個特效工具，按提示粘貼一下代碼就OK。不過，想要真正了解它是怎樣做出來的，則需要掌握一些JS知識了。這里向大家介紹一下簡單的浮動廣告做法。以下這段代碼可放在之間，其間我加入了一些注釋（即「//」後的文字及「網頁設計培訓免費試聽中！您還在等什麼？！

4、如何用dreamweaver設計讓網頁彈出小窗口，像商業網站那些廣告窗口？拜託了各位謝謝

准備小窗口頁面：

1. 打開一個頁面，設置頁面屬性。左邊界，頂部邊界為 0 ，在標題處輸入標題名稱。

2. 在頁面中插入圖片。也可以是文字， Flash 動畫等。小窗口頁面就准備好了。

給一個頁面添加彈出小窗口：

1. 打開需要添加彈出小窗口頁面，例如一個網站的首頁，在標簽選擇器中選擇「 body 」標簽。

2. 打開行為面板，點擊「 + 」按鈕添加行為。

3. 選擇「打開瀏覽器窗口」。

4. 在要顯示的 URL 處，選擇彈出小窗口頁面文件。設置彈出小窗口屬性。

5. 按 F12 ，在瀏覽器中發布的效果如下圖。

5、用dream weaver (dw)製作網頁，可以彈出小廣告窗的那種，在右下角，有人可以告訴代碼嗎

JS 特效小廣告特效自己找，百度有你需要的幫你找一個剩下的你自己找

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<style type="text/css">
div{
position:absolute;
}
</style>
</head>
<body>
<div id="floatdiv">
<img src="1.jpg" height="100px" width="200px">
</div>
</body>
</html>
<script language="javascript" type="text/javascript">
/*
利用window對象，實現浮動效果
1、有一個div，就是我們要控制的，它的起始點坐標（0,0）
2、設定橫向和縱向的速度
3、控制div移動
1）div是否到達邊界，設置圖片速度反向移動
*/
//獲取圖片所在的div對象

var img=document.getElementById("floatdiv");
//設置div起始點坐標
var x=0,y=0;
//設置div行進速度
var xSpeed=2,ySpeed=1;
//設置圖片移動
var w=document.body.clientWidth-200,h=document.body.clientHeight-100;
function floatdiv(){
//比較圖片是否到達邊界，如查到達邊界改變方向;如未到達邊界
if(x>w||x<0) xSpeed= -xSpeed;
if(y>h||y<0) ySpeed= -ySpeed;

x+=xSpeed;
y+=ySpeed;

//設置坐標值，起始坐標+速度
img.style.top=y+"px";
img.style.left=x+"px";
setTimeout("floatdiv()",10);
}
floatdiv();
</script>

6、如何製作網頁左右兩邊的廣告代碼(可關閉的那種)

用以下代碼即可：
function $(id) {
return document.getElementById(id);
}
function scrollBanner(timer, moveNumber) {
function move(o) {
var st = document.documentElement.scrollTop + o.t;
var sl = document.documentElement.scrollLeft + (o.c == 0 ? o.a : document.documentElement.clientWidth - o.a - o.offsetWidth);
var tc = st - o.offsetTop, lc = sl - o.offsetLeft;
with (o.style) {
top = o.offsetTop + (tc != 0 ? tc / Math.abs(tc) : 0) * Math.min(Math.abs(tc), moveNumber) + "px";
left = o.offsetLeft + (lc != 0 ? lc / Math.abs(lc) : 0) * Math.min(Math.abs(lc), moveNumber) + "px";
}
if (o.person) {
with (o.person.style) {
top = o.offsetTop + "px";
left = o.offsetLeft + o.offsetWidth - o.person.offsetWidth + "px";
}
}
}
var hidden = function() {
var o = this.parent;
window.clearInterval(o.interval);
o.parentNode.removeChild(o);
this.parentNode.removeChild(this);
}
this.add = function (to, t, a, c, lo) {
/*
to為object對象
t為距離頂端距離
當c = 0的時候，a為距離左邊的距離
當c != 0的時候，a為距離右邊的距離
lo為關閉按鈕
*/
var div, exec = function () {
move(to);
};
to.person = lo;
to.t = t;
to.a = a;
to.c = c;
with (to.style) {
position = "absolute";
display = "block";
top = document.documentElement.scrollTop + t;
left = document.documentElement.scrollLeft + (c == 0 ? a : document.documentElement.clientWidth - a - to.offsetWidth);
}
if ("undefined" != typeof lo) {
with (lo.style) {
position = "absolute";
display = "block";
}
lo.onmousedown = hidden;
lo.parent = to;
}
exec();
to.interval = window.setInterval(exec, timer);
};
}
window.onload = function () {
var b = new scrollBanner(10,15);
b.add($("lwc"), 80, 10, 0, $("lwc_c"));
b.add($("rwc"), 80, 10, 1, $("rwc_c"));
b = null;
}

7、DW製作網頁怎樣插入浮動的廣告

有兩種方法一個是寫代碼（在網路搜一下）還有就是用窗口裡面的時間軸做浮動路線比較簡單和flash比較相似

8、網頁上漂浮的廣告小頁面叫什麼？怎樣製作？用什麼做？

浮動窗口.
DW可以製作.

9、我想製作一個網頁漂浮廣告，但是沒有代碼基礎，求高手指教

<html>
<head>
<title>漂浮廣告</title>
<body>
<div id="codefans_net" style="position:absolute">
<a href="#" target="_blank">
<img src="/images/logo.gif" border="0">
</a>
</div>
<script>
var x = 50,y = 60
var xin = true, yin = true
var step = 1
var delay = 10
var obj=document.getElementById("codefans_net")
function float() {
var L=T=0
var R= document.body.clientWidth-obj.offsetWidth
var B = document.body.clientHeight-obj.offsetHeight
obj.style.left = x + document.body.scrollLeft
obj.style.top = y + document.body.scrollTop
x = x + step*(xin?1:-1)
if (x < L) { xin = true; x = L}
if (x > R){ xin = false; x = R}
y = y + step*(yin?1:-1)
if (y < T) { yin = true; y = T }
if (y > B) { yin = false; y = B }
}
var itl= setInterval("float()", delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("float()", delay)}
</script>
</body>
</html>

導航:首頁 > 萬維百科 > 網頁設計廣告浮動代碼

網頁設計廣告浮動代碼

與網頁設計廣告浮動代碼相關的知識