怎么做js广告代码（用JavaScript实现网页上的浮动广告）

本文目录

• 用JavaScript实现网页上的浮动广告
• js强弹广告代码
• 正确用JS调用Google AdSense广告的方法
• Js对联广告代码 怎么用
• JS广告代码如何使用

用JavaScript实现网页上的浮动广告

漫游于网络之间，你会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。当你拖动浏览器的滚动条时，这种在页面上浮动的广告，可以跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览你网页的人来讲，这则是个既妨碍阅读，又影响阅读兴趣的东西，因此一定不能滥用。不过，如果你能善用的话，它就能发挥出极大的作用。
要做出浮动式广告的效果并不困难，如果你有JS基础的可以自己写一个，如果连写都懒得写的话，到网上下载一个特效工具，按提示粘贴一下代码就OK。不过，想要真正了解它是怎样做出来的，则需要掌握一些JS知识了。这里向大家介绍一下简单的浮动广告做法。
以下这段代码可放在body/body之间，其间我加入了一些注释（即“//”后的文字及“!—”“--”之间的文字）。
SCRIPT FOR=window EVENT=onload LANGUAGE="JScript"
initAd();//载入页面后，调用函数initAd()
/SCRIPT
script language="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 = 600;//浮动广告层固定于浏览器的x方向位置
var y = 300;//浮动广告层固定于浏览器的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
!--下面为一个ID为AdLayer的层（如ID名不为AdLayer，上面MoveLayer()内的AdLayer也要作相应修改），包括一张带链接的图片--
div id=AdLayer style=’position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px’
a href=""img src=’../qqkk2000.gif’ border="0" height="60" width="60"/a
/div
在这里，你可以设置x、y的值来设定所固定层的位置，改变setTimeout("MoveLayer(’AdLayer’);", 20)中20的值为你希望调用MoveLayer()的时间间隔。还有要注意的是，使用的图片最好为透明背景的gif图，以使图片的背景颜色不至于遮住后面的的内容。
切记，要慎用浮动式广告，考虑使用特效的同时，千万要考虑到浏览者的感觉，不能滥用哦！

js强弹广告代码

全给您了。 window.open (’page.html’, ’newwindow’, ’fullscreen’)//比较简单的弹窗，全屏显示　　window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, status=no,top=100,left=300")
　　height:page.html的高度
　　width:page.html的宽度
　　top:page.html距离屏幕顶部的距离
　　left:page.html距离屏幕左边的距离
　　top和left就是给page.html设定位置的
　　window.open() 方法
　　语法：window.open(pageurl,name,parameters);
　　window对象的open()方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数： pageurl指定。系统能够根据参数：name确定的名称访问该窗口。
　　下表为parameters参数表：
　　参数 衩始值 说明
　　alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
　　alwaysRaised yes/no 指定窗口浮在所有窗口之上。
　　dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。
　　directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
　　height pixel value 设定新窗口的像素高度。
　　hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
　　innerHeight pixel value 设置新窗口中文档的像素高度。
　　innerWidth pixel value 设置新窗口中文档的像素宽度。
　　location yes/ no 指明位置栏在新窗口中是否可见。
　　menubar yes /no 指明菜单栏在新窗口中是否可见。
　　outerHeight pixel value 设定窗口（包括装饰边框）的像素高度。
　　outerWidth pixel value 设定窗口（包括装饰边框）的像素宽度。
　　resizable yes /no 指明新窗口是否可以调整。
　　screenX pixel value 设定新窗口离屏幕边界的像素长度。
　　screenY pixel value 设定新窗口离屏幕上边界的像素长度。
　　scrollbars yes /no 指明滚动栏在新窗口中是否可见。
　　titlebar yes /no 指明菜单题目栏在新窗口是否可见。
　　toolbar yes /no 指明工具栏在新窗口中是否可见。
　　Width pixel value 设定窗口的像素宽度。
　　z-look yes /no 在文档中包含各个 《pplet》标签的数组。
　　fullscreen yes / no 打开的窗体是否进行全屏显示
　　left pixel value 设定新窗口距屏幕左方的距离
　　top pixel value 设定新窗口距屏幕上方的距离showModalDialog和showModelessDialog一、showModalDialog和showModelessDialog有什么不同？
showModalDialog：被打开后就会始终保持输入焦点。除非对话框被关闭，否则用户无法切换到主窗口。类似alert的运行效果。
showModelessDialog：被打开后，用户可以随机切换输入焦点。对主窗口没有任何影响(最多是被挡住一下而以。二、怎样才让在showModalDialog和showModelessDialog的超连接不弹出新窗口？
在被打开的网页里加上《base target="_self"》就可以了。这句话一般是放在《head》之间的。个人测试了一下，放在了《head》《/head》上面也是可以的。三、怎样才刷新showModalDialog和showModelessDialog里的内容？
在showModalDialog和showModelessDialog里是不能按F5刷新的，又不能弹出菜单。这个只能依靠javascript了，以下是相关代码：《body 》
《a id="reload" href="filename.htm" style="display:none"》reload...《/a》　　将filename.htm替换成网页的名字然后将它放到你打开的网页里，按F5就可以刷新了，注意，这个要配合《base target="_self"》使用，不然你按下F5会弹出新窗口的。四、如何用javascript关掉showModalDialog(或showModelessDialog)打开的窗口。
《input type="button" value="关闭" 》
也要配合《base target="_self"》，不然会打开一个新的IE窗口，然后再关掉的。五、showModalDialog和showModelessDialog数据传递技巧。
(作者语：本来想用一问一答形式来写的，但是我想不出这个怎么问，所以只好这样了。)
这个东西比较麻烦，我改了好几次了不是没办法说明白(语文水平越来越差了)，只好用个例子说明了
例子：
现在需要在一个showModalDialog(或showModelessDialog)里读取或设置一个变量var_name　　　　　　一般的传递方式：
window.showModalDialog("filename.htm",var_name)
//传递var_name变量
在showModalDialog(或showModelessDialog)读取和设置时：
alert(window.dialogArguments)//读取var_name变量
window.dialogArguments="oyiboy"//设置var_name变量
这种方式是可以满足的，但是当你想在操作var_name同时再操作第二个变理var_id时呢？就无法再进行操作了。这就是这种传递方式的局限性。以下是我建议使用的传递方式：
window.showModalDialog("filename.htm",window)
//不管要操作什么变量，只直传递主窗口的window对象
在showModalDialog(或showModelessDialog)读取和设置时：
alert(window.dialogArguments.var_name)//读取var_name变量
window.dialogArguments.var_name="oyiboy"//设置var_name变量　　　　　　　　同时我也可以操作var_id变量
alert(window.dialogArguments.var_id)//读取var_id变量
window.dialogArguments.var_id="001"//设置var_id变量　　　　　　　　同样还可以对主窗口的任何对象进行操作，如form对象里的元素。
window.dialogArguments.form1.index1.value="这是在设置index1元素的值"六、多个showModelessDialog的相互操作。
因为光说很费劲，我就偷点懒，直接用代码来说了，如果不明白的话那就直接来信(oyiboy#163.net(使用时请将#改成@))问我吧。　以下代码的主要作用是在一个showModelessDialog里移动别一个showModelessDialog的位置。　　主文件的部份js代码。
var s1=showModelessDialog(’’控制.htm’’,window,"dialogTop:1px;dialogLeft:1px"） //打开控制窗口
var s2=showModelessDialog(’’about:blank’’,window,"dialogTop:200px;dialogLeft:300px"）　　//打开被控制窗口　　控制.htm的部份代码。
《script》
//操作位置数据，因为窗口的位置数据是"xxxpx"方式的，所以需要这样的一个特殊操作函数。
function countNumber(A_strNumber,A_strWhatdo)
{
A_strNumber=A_strNumber.replace(’’px’’,’’’’)
A_strNumber-=0
switch(A_strWhatdo)
{
case "-":A_strNumber-=10;break;
case "+":A_strNumber+=10;break;
}
return A_strNumber + "px"
}
《/script》
《input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,’’-’’)" value="上移"》
《input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,’’-’’)" value="左移"》
《input type="button" onclick="window.dialogArguments.s2.dialogLeft=countNumber(window.dialogArguments.s2.dialogLeft,’’+’’)" value="右移"》
《input type="button" onclick="window.dialogArguments.s2.dialogTop=countNumber(window.dialogArguments.s2.dialogTop,’’+’’)" value="下移"》　　以上关键部份是：
窗口命名方式：var s1=showModelessDialog(’’控制.htm’’,window,"dialogTop:1px;dialogLeft:1px"）
变量访问方式：window.dialogArguments.s2.dialogTop　　这个例子只是现实showModelessDialog与showModelessDialog之间的位置操作功能，通过这个原理，在showModelessDialog之间相互控制各自的显示页面，传递变量和数据等。这要看各位的发挥了。如果打开了一个模式窗口，想在打开的窗口中，关闭本窗口，重新加载父窗口，代码如下：Response.Write("《scriptlanguage=javascript》parent.window.opener=null;parent.window.dialogArguments.location.reload();window.close();《/script》");
或者
function doModal(url){
win=window.showModalDialog(url,0,"dialogWidth:500px;dialogHeight:500px;status:no;help:no;");
document.location.reload();//js页面中加入这句话就行了先留在这里备用了..可惜的是这两个都不支持FF，如果真要做还只能用div模拟比较可靠了。

正确用JS调用Google AdSense广告的方法

　　具体的google广告的js文件做法如下

　　用记事本写一个js文件 将google广告的代码粘贴进去 查找替换所有的 字符 将其全部换成 \     然后查找所有的 /    字符将其换成    \/     替换工作结束 然后要做的就是 在每一行的开始地方加上 document writeln(      在结尾的地方加上    );     这样google广告的js文件就做好了 然后将你的google广告的js文件上传到你的网站的一个文件夹下面

　　这样通过调用js文件的方法就可以使用google的广告了 希望大家都可以赚到钱 我的js代码如下（ js）

　　document writeln( 《script type=\ text\/javascript\ 》《! );

　　document writeln( google_ad_client = \ pub ************\ ; );

　　document writeln( google_ad_width = ; );

　　document writeln( google_ad_height = ; );

　　document writeln( google_ad_format = \ x _ ads_al_s\ ; );

　　document writeln( google_ad_channel = \ \ ; );

　　document writeln( google_color_border = \ FFFFFF\ ; );

　　document writeln( google_color_bg = \ FFFFFF\ ; );

　　document writeln( google_color_link = \ FA \ ; );

　　document writeln( google_color_text = \ \ ; );

　　document writeln( google_color_url = \ \ ; );

　　document writeln( \/\/ 》《\/script》 );

　　document writeln( 《script type=\ text\/javascript\ );

　　document writeln(     src=\\/\/pagead g\/pagead\/show_ads js\ 》 );

　　document writeln( 《\/script》 ); 调用代码如下

　　《div》《script src= / js 》《/script》《/div》

Js对联广告代码 怎么用

js代码直接放到你网站页面中他这里的对联显示的是ad1和ad2
你要是想显示层图片就直接ad1和ad2去掉放上《img src="显示图片地址"》
《html》
《head》
《title》对联广告《/title》
《/head》
《script language="javascript"》
function yidong()
{
var abc = document.getElementById("leftdiv");
var ab = document.getElementById("rightdiv");
abc.style.top = document.body.scrollTop;
ab.style.top = document.body.scrollTop;
setTimeout("yidong()",6);
}
《/script》
《body onload="yidong()"》
《div style="height:1600px;"》内容显示层《/div》
《div id="leftdiv" style="position:absolute;z-index:1; left:10px;" 》
《img src="广告图片地址"》《/div》
《div id="rightdiv" style="position:absolute; right:10px; z-index:1;"》
《img src="广告图片地址"》《/div》
《/body》
《/html》

JS广告代码如何使用

你把这个script标签复制到页面底部的《/body》《/html》的中间
把这个《a》《/a》标签复制到《/body》的前面