本文目录一览:
- 1、谁知道网页悬浮广告的代码?
- 2、我的网站是php编写的,先要在首页出现一个漂浮的广告,该如何添加代码。
- 3、求浮动广告代码 !
- 4、网页上的浮动广告代码注释
- 5、求一个右下角的漂浮广告代码?
- 6、急,高手进,关于浮动广告的代码,帮我修改下,使之范围扩大到当前页面的最右边界,谢谢!!!
谁知道网页悬浮广告的代码?
脚本说明: 把如下代码加入body区域中 SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript" initAd();//载入页面后,调用函数initAd() /SCRIPT script language="JavaScript" !-- 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=" . com/"img src=' images0324/logo2.gif' border="0" height="31" width="88"/a /div
我的网站是php编写的,先要在首页出现一个漂浮的广告,该如何添加代码。
html
head
meta http-equiv="content-type" content="text/html; charset=utf-8"
title右侧浮动窗口代码演示/title
/head
body
table height=1000trtd演示效果看右侧,右侧调用页面为right.htm/td/tr/table
!-- 浮动广告代码开始 --
div id="ShowAD" style="position:absolute; z-index: 100;"
div style="width:155;height:18px;font-size:14px;font-weight:bold;text-align:left;CURSOR: hand;" onClick="closead();"font -浮动广告代码
color=ff0000关闭/font/div
IFRAME allowTransparency="true" marginwidth=0 marginheight=0 src="right.htm" frameborder=0 width=155 scrolling=no -浮动广告代码
height=530/IFRAME
/div
script
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;-浮动广告代码
var adst = document.getElementById("ShowAD").style;
adst.top = ( bodyfrm.clientHeight -530-22 ) + "px";
adst.left = ( bodyfrm.clientWidth -155 ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 530-22) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 155 ) + "px";
}
setInterval("moveR();", 80);
function closead()
{
adst.display='none';
}
/script
!-- 浮动广告代码结束 --
/body
/html
求浮动广告代码 !
下面是一个固定在页面右下角的窗口,如果你想固定在其它部位可以参考这个特效:
html
head
title中国站长天空-网页特效-CSS特效-始终在页面固定位置的层/title
meta http-equiv="content-Type" content="text/html;charset=gb2312"
!--把下面代码加到head与/head之间--
style
!--
.div{
position: absolute;
border: 2px solid red;
background-color: #EFEFEF;
line-height:90px;
font-size:12px;
z-index:1000;
}
--
/style
/head
body
!--把下面代码加到body与/body之间--
div id="Javascript.Div" class="div" style="width: 240; height:90;" align="center"右下.../div
SCRIPT LANGUAGE="JavaScript"
function sc1(){
document.getElementById("Javascript.Div").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("Javascript.Div").offsetHeight; document.getElementById("Javascript.Div").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.Div").offsetWidth;;-浮动广告代码
}
/SCRIPT
SCRIPT LANGUAGE="JavaScript"
!--
function scall(){
sc1();
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//--
/SCRIPT
div style="position: absolute; top: 0; left: 0; width: 10000; height: 4000;"/div
/body
/html
网页上的浮动广告代码注释
script language="JavaScript"
var pic="天空.jpg"; //图片路径
var alt="不知道要说些啥"; //如果图片不存在显示这个文字
var speed=100; //间隔秒数100 毫秒
var light=0;
var stop=0; //定义一个变量stop 来区分div 是否动
var num=0; //num 也就是数量
var brOK=false;
var mie=false; //定义一个变量mie 初始值为假可能是默认不是IE
var aver=parseInt(navigator.appVersion.substring(0,1)); //取得浏览器信息
var aname=navigator.appName; //得到浏览器的名字
var vmin=2;
var vmax=5;
var vr=2;
var timer1;
var allyes;
var ns = (document.layers) ? 1 : 0; //这行有问题 document.layers 不支持
var ie = (document.all) ? 1 : 0; //判断浏览器 1是IE 否则是其它浏览器
var bFade=false;
function checkbrOK(){ //检测函数
if(aname.indexOf("Internet Explorer")!=-1){ //判断是不是 ie 浏览器
if(aver=4) brOK=navigator.javaEnabled();
mie=true;
}
if(aname.indexOf("Netscape")!=-1){ // 判断是不是 firefox 浏览器
if(aver=4) brOK=navigator.javaEnabled();
}
}
function Chip(chipname,width,height){
this.named=chipname;
this.vx=vmin+vmax*Math.random();
this.vy=vmin+vmax*Math.random();
this.w=width;
this.h=height;
this.xx=10;
this.yy=10;
this.timer1=null;
}
function movechip(chipname){ //移动那个图片函数
if (stop!=1){ //判断这个图片是不是动的,如果动的划执行下面
if(brOK){
eval("chip="+chipname);
if(!mie){ //非ie 执行
pageX=window.pageXOffset;
pageW=window.innerWidth; //取得浏览器宽度
pageY=window.pageYOffset;
pageH=window.innerHeight;//取得浏览器的高度
}
else{ //IE 执行
pageX=window.document.body.scrollLeft; //取得左滚动条位置
pageW=window.document.body.offsetWidth; //取得浏览器宽度
pageY=window.document.body.scrollTop; //取得滚动条上边的位置
pageH=window.document.body.offsetHeight; //取得浏览器的高度
}
chip.xx=chip.xx+chip.vx;
chip.yy=chip.yy+chip.vy;
chip.vx+=vr*(Math.random()-0.5);
chip.vy+=vr*(Math.random()-0.5);
if(chip.vx(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; //计算位置
if(chip.vx(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx;
if(chip.vy(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy;
if(chip.vy(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy;
if(chip.xx=pageX){
chip.xx=pageX;
chip.vx=vmin+vmax*Math.random(); //生成一个随机数
}
if(chip.xx=pageX+pageW-chip.w){
chip.xx=pageX+pageW-chip.w;
chip.vx=-vmin-vmax*Math.random();
}
if(chip.yy=pageY){
chip.yy=pageY;
chip.vy=vmin+vmax*Math.random();
}
if(chip.yy=pageY+pageH-chip.h){
chip.yy=pageY+pageH-chip.h;
chip.vy=-vmin-vmax*Math.random();
}
if(!mie){ //firefox 以及其它浏览器执行
eval("document."+chip.named+".top ="+chip.yy); //设置 样式
eval("document."+chip.named+".left="+chip.xx); //设置 样式
}
else{ //ie 执行的
eval("document.all."+chip.named+".style.pixelLeft="+chip.xx); //设置 样式
eval("document.all."+chip.named+".style.pixelTop ="+chip.yy); //设置 样式
}
chip.timer1=setTimeout("movechip('"+chip.named+"')",speed); //设定一个时间来调用movechip 函数
}
}
else {chip.timer1=setTimeout("movechip('"+chip.named+"')",speed);} //设定一个时间来调用movechip 函数
if (ie){
if (light==1){
var nOpacity=oImg.filters.alpha.opacity; //设置透明度
if (nOpacity=100) bFade=true;
if (nOpacity=0) bFade=false;
if (bFade) oImg.filters.alpha.opacity--; //设置透明度
if (!bFade) oImg.filters.alpha.opacity++; //设置透明度
}
}
}
function stopme(chipname){ // 停止函数
if(brOK){
eval("chip="+chipname);
if(chip.timer1!=null){
clearTimeout(chip.timer1) //清楚时间间隔调用
}
}
}
function allyes1(){ //刚打开网页就调用它,为了让图片动起来
if (num==0){
checkbrOK();
allyes=new Chip("allyes",100,80); // 创建一个Chip 类,给了几个参数
if(brOK) {
movechip("allyes");
}
}
num++;
}
if (ie){ //如果IE 浏览器就执行下面,
document.write("div ID='allyes' STYLE='position:absolute;left: 10px; top:10px;'"); //输出一个div
document.write("a HREF='' target=_blank");//指向网址
if (light==1){//当LIGHT=1
document.write("ddimg SRC='" + pic + "' onload='allyes1()' ID='oImg'border='0' alt='" + alt + "'style='position:absolute;left:200px;top:200px;filter:alpha(opacity=50);'onMouseOver='stop=1;' onMouseOut='stop=0;'/a/dd");//输出-浮动广告代码
}
else if (light==0){
document.write("ddimg SRC='" + pic + "' onload='allyes1()' border='0' alt='" + alt + "' onMouseOver='stop=1;' onMouseOut='stop=0;'/a/dd");-浮动广告代码
}
document.write("/div"); // 关闭div 标签
}
else if (ns){ //这里有问题 ns 一直就是0 以下代码不执行,不用解释了
document.write("layer name='allyes' visibility=\"show\" onMouseOver='stop=1;' onMouseOut='stop=0;' onload='allyes1()' ");-浮动广告代码
document.write("a HREF=''");
document.write("ddimg SRC='" + pic + "' border='0' alt='" + alt + "'/a/dd");
document.write("/layer");
}
/script
求一个右下角的漂浮广告代码?
右下角漂浮广告代码使用方法(一): 将以下代码以**.js文件形式保存,在模板中调用这个js文件即可
(备注该代码的图片大小为250*150 代码里面有参数自己看下就知道了)document.writeln("div id=\"qqaddiv\" style=\"position:absolute; z-index: 100;\" ");-浮动广告代码
document.writeln("a href=链接地址 target=_blankimg src=图片链接地址 border=0/a");
document.writeln("/div");
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;-浮动广告代码
var adst = document.getElementById("qqaddiv").style;
adst.top = ( bodyfrm.clientHeight - 150 ) + "px";
adst.left = ( bodyfrm.clientWidth - 250 ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 150 ) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 250 ) + "px";
}
setInterval("moveR();", 80); 右下角漂浮广告代码使用方法(二): var qq_etewidth = 259;
var qq_eteheight = 158;
var qq_banner_filename = "广告图片链接地址";
var qq_gotoUrl = '广告链接地址';document.write("div id=eteUnionUpFloat style='margin:0px;padding-bottom:300px;z-index: 10;position:absolute;width:"+qq_etewidth+"px;height:"+qq_eteheight+"px;'")-浮动广告代码
document.write("a href='"+qq_gotoUrl+"' target='_blank'img src='"+qq_banner_filename+"' border='0' style='cursor: hand;' width='"+qq_etewidth+"' height='"+qq_eteheight+"'/a")-浮动广告代码
document.write("/div")
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;-浮动广告代码
var adst = document.getElementById("eteUnionUpFloat").style;
adst.top = ( bodyfrm.clientHeight - qq_eteheight ) + "px";
adst.left = ( bodyfrm.clientWidth - qq_etewidth ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - qq_eteheight ) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - qq_etewidth ) + "px";
}
var objTimer=setInterval("moveR();", 100);function CloseX(){
adst.display='none';
}function ete_closediv()
{
document.getElementById('eteUnionUpFloat').style.visibility='hidden';
if(objTimer) window.clearInterval(objTimer)
}
急,高手进,关于浮动广告的代码,帮我修改下,使之范围扩大到当前页面的最右边界,谢谢!!!
这里有一个浮动层可以随屏滚动
位置可以自己设置
里面有教程和源码
试试吧