网页设计广告浮动代码_网页设计：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>

导航:首页 > 万维百科 > 网页设计广告浮动代码

网页设计广告浮动代码

与网页设计广告浮动代码相关的知识