導航:首頁 > 網站知識 > 安寧網站設計中如何插入浮動廣告
安寧網站設計中如何插入浮動廣告
發布時間：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網站是多少
- 如何在百度對話框里顯示常用網站
- 網站建設一個團隊多少人
- 如何對一個網站進行創新創意