导航:首页 > 网站知识 > 安宁网站设计中如何插入浮动广告
安宁网站设计中如何插入浮动广告
发布时间：2022-07-04 03:19:31A. 怎么在网页中插小广告
1、创建一个名为“topwindows.html”的网页文件。
B. 网页上的广告上的浮动怎么做
<head>
<title>制作浮动的广告图片</title>
<script language="javascript" type="text/javascript">
var advInitTop=0;//使层总置于顶端的初始值
function move()
{
window.document.getElementById("advLayer").style.top=advInitTop+window.document.body.scrollTop; }
window.onscroll=move;//窗口的滚动事件,当页面滚动时调用move()函数 </script>
</head>
<body >
<div id="advLayer" style="position:absolute;left:16px;top:129px;width:180px;height:230px; z-index:1;">
<img src="images/bt.jpg" width="180" height="230"/>
</div>
</body>
C. 在网页上怎么加浮动的广告
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>New Page 1</title>
</head>
<body>
<script language="JavaScript">
<!--
<!-- 注意更改文件所在路径-->
window.open('d:/zht/','','height=200,width=300');
// -->
</script>
<p>
<marquee direction="up" width="129" height="160">这幅图片怎么?
<br>
<img src="1.jpg"></marquee>
</p>
====1、将以下代码加入到HEML的<head></head>之间：
<style type="text/css">
#floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}</style>
你只要将以下的代码拷贝到你的网站的标签
</BODY>的下面,就能立即看到效果了!
===============================
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- Begin
var no = 20; //图片对象的数目
var speed = 1; //对象移动的速度
var heart = "C:/Documents and Settings/ixj/桌面/特效图片/1.gif";
// 换为你想要的图片
var flag;
var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-30)+10; // set position variables
yp[i] = Math.random()*doc_height;
amy[i] = 12+ Math.random()*20; // set amplitude variables
amx[i] = 10+ Math.random()*40;
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
flag[i] = (Math.random()>0.5)?1:0;
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");
document.write("top=\"15\" visibility=\"show\"><img src=\"");
document.write(heart+ "\" border=\"0\"></layer>");
}
} else
if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
flag[i]=(Math.random()<0.5)?1:0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}
document.layers["dot"+i].top = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.layers["dot"+i].left = xp[i] + amx[i]*dx[i];
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
flag[i]=(Math.random()<0.5)?1:0;
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}
document.all["dot"+i].style.pixelTop = yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
document.all["dot"+i].style.pixelLeft = xp[i] + amx[i]*dx[i];
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
// End -->
</script>
</body>
</html>
D. DW制作网页怎样插入浮动的广告
有两种方法 一个是写代码（在网络搜一下） 还有就是用窗口里面的时间轴做浮动路线 比较简单 和flash比较相似
E. 如何制作我的网页浮动广告
除了普通的gifbanner、flash外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时，这种在页面上浮动的广告，可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览你网页的人来讲，这则是个既妨碍阅读，又影响阅读兴趣的东西，因此一定不能滥用。不过，如果你能善用的话，它就能发挥出极大的作用。
要做出浮动式广告的效果并不困难，如果你有js基础的可以自己写一个，如果连写都懒得写的话，到网上下载一个特效工具，按提示粘贴一下代码就ok。不过，想要真正了解它是怎样做出来的，则需要掌握一些js知识了。这里向大家介绍一下简单的浮动广告做法。
以下这段代码可放在之间，其间我加入了一些注释（即“//”后的文字及“网页设计培训免费试听中！您还在等什么？！
F. 怎么实现网页上的浮动广告
<div id="img" style="position:absolute;">
<img src=你的图片的路径 border="0">
</div>
<SCRIPT LANGUAGE="JavaScript">
<!--
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function www() {
img.visibility = "visible";
interval = setInterval('changePos()', delay);
}
www();
-->
</script>
G. 如何制作浮动广告
给你个程序，程序中的图片路径你自己修改成你自己的，链接也是。
<div id="point1" style="position:absolute; visibility:visible; left: 205px; top: 63px;">
<!--your things-->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="http://127.0.0.1/index.asp"><img src="../images/tela.gif" border="0"></a></td>
</tr>
<tr>
<td><center><a href="http://127.0.0.1/index.asp">my page</a></td>
</tr>
</table>
<!--final-->
</div>
<p>
<script language="javascript1.2">
var XX=20;
var xstep=1;
var delay_time=60;
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if(ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility="hidden";
}
else if(ns6){
YY=window.innerHeight;
document.getElementById('point1').style.top=YY;
}
function reloc1()
{
if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if(ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if(ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if(ns6){
ch=window.innerHeight;
oh=document.getElementById("point1").offsetHeight;
}
if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if(ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if(ns6){
document.getElementById("point1").style.left=XX;
document.getElementById("point1").style.top=YY+window.pageYOffset;
}
}
function onad()
{
if(ns4)
document.point1.visibility="visible";
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout('loopfunc()',delay_time);
}
if(ie||ns4||ns6)
window.onload=onad
</script>
H. 如何制作浮动广告
<html>
<head>
<style type="text/css">
#s{position:absolute;top:500px;left:600px;width:100px;height:100px;background:red"}
</style>
<script type="text/javascript" language="javascript">
function Scroll{
var h=500
document.getElementById("s").style.top=h+document.body.scrollTop}
window.onScroll=Scroll
</script>
<body>
<div id="s" onClick="window.location.href='url'">
dhdg
</div>
</body>
</html>
I. 如何插入网页左侧插入浮动广告代码
<DIV id=img1 style="Z-INDEX: 10; LEFT: 2px; WIDTH: 59px; POSITION: absolute; TOP: 43px; HEIGHT: 50px;
visibility: visible;"><a href="http://www.knowsky.com" target="_blank"><img src="images/fudong.jpg" width="150" height="100" border="0"></a></DIV>
<script >
var xPos = 900;
var yPos = 500;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img1.style.top = yPos;
function changePos()
{
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img1.offsetHeight;
Woffset = img1.offsetWidth;
img1.style.left = xPos + document.body.scrollLeft;
img1.style.top = yPos + document.body.scrollTop;
if (yon)
{yPos = yPos + step;}
else
{yPos = yPos - step;}
if (yPos < 0)
{yon = 1;yPos = 0;}
if (yPos >= (height - Hoffset))
{yon = 0;yPos = (height - Hoffset);}
if (xon)
{xPos = xPos + step;}
else
{xPos = xPos - step;}
if (xPos < 0)
{xon = 1;xPos = 0;}
if (xPos >= (width - Woffset))
{xon = 0;xPos = (width - Woffset); }
}
function start()
{
img1.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume()
{
if(pause)
{
clearInterval(interval);
pause = false;}
else
{
interval = setInterval('changePos()',delay);
pause = true;
}
}
start();</script>
J. 如何制作网页浮动广告
网页的浮动广告一般都是用js做的，可以在网络搜索一下，网上会有许多的源码，根据自己的要求添加上去就行了
与安宁网站设计中如何插入浮动广告相关的资料
- 同志网站在哪里
- 网站有些什么类型的
- 如何只搜索单一网站内容
- 网站怎么切换倍速
- 律师事务所网站应该如何制作
- 网上购物网站怎么查
- 如何让浏览器打开一个网站
- 中考成绩网站进不去怎么办
- 江苏平台网站搭建怎么联系
- 哪个网站看出生五行准
- 如何取消宠物网站
- 魏都区网站优化效果如何
- 怎么举报网站乱推送
- 公司打不开一个网站怎么办
- 国外有哪些壁纸好看的网站
- 网站建设后如何增加网络流量
- 3xhh换成什么网站
- 国付宝网站是什么
- 柳州找房子用什么网站
- 动漫图哪些网站的没有水印
- 哪些电视可以登录网站
- 什么网站有收费的
- 微信团队登录了网站如何退掉
- 平阳网站图片设计要注意什么
- 资本基金网站建设需要多少钱
- qq如何制作告白网站
- 网站知道账号如何破解密码
- 哪里有BD电影蓝光下载网站
- 网站公安备案有什么要注意
- 歌曲原创网站哪里找
- 阅文为什么没有其他网站流量
- 网站制作如何把控项目制作时间
- 网站如何分配ip
- 联想笔记本怎么更改网站权限
- 柳林织梦怎么建移动网站
- 如何访问专线网站
- 空孕催乳剂官方网站怎么买
- 长治网站设计怎么样
- 澳门新葡3280网站是多少
- 如何在百度对话框里显示常用网站
- 网站建设一个团队多少人
- 如何对一个网站进行创新创意