正 文

如何制作页面对联广告之左侧(允许关闭)


www.7dspace.com  更新日期:2006-1-20 4:10:00  七度空间


    现在很多网站广告做的如火如荼,现在我再来介绍一下带关闭的对联浮动广告,广告图下方增加了一个关闭按纽,允许访客点击关闭广告图片,如果您想只有一侧显示的话,下面是实现左侧效果所需代码:

var ad_float_left_src ="http://www.7dspace.com/logo.gif";
var ad_float_left_url ="http://www.7dspace.com";
var ad_float_left_type = "";
document.ns = navigator.appName == "Microsoft Internet Explorer"
var imgheight_close
var imgleft
window.screen.width>800 ? imgheight_close=120:imgheight_close=120
window.screen.width>800 ? imgleft=8:imgleft=122
function myload()
{
myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;
myleft.style.left=imgleft;
leftmove();
}
function leftmove()
 {
 myleft.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;
 myleft.style.left=imgleft;
 setTimeout("leftmove();",50)
 }

function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true)

function close_float_left(){
 myleft.style.visibility='hidden';
}

document.write("<div id=myleft style='position: absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'>"
+"<style>"
+"A.closefloat:link,A.refloat:visited {text-decoration:none;color:#000000;font-size:12px}"
+"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"
+"</style>"
+"<table border=0 cellpadding=0 cellspacing=0><tr><td>");

if(document.ns){
if(ad_float_left_type!="swf")
 document.write("<a href='" + ad_float_left_url + "' target = '_blank'><img src='" + ad_float_left_src + "' WIDTH=88 height=31   border = 0></a>");
else
 document.write("<EMBED src='" + ad_float_left_src + "' quality=high  WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-flash' id=changhongout ></EMBED>");

document.write("</td></tr><tr><td width=80 height=20 align=right><a href='javascript:close_float_left();void(0);' class=closefloat><b><font color=#ff0000>关闭</font></b></a></td>< /tr>"
+"</table>"
+"</div>");

myload()}

    把上面的代码另存为一个*.JS文件,然后在想实现此效果的页面用<script src="*.js"></SCRIPT>调用即可,*代表你另存的文件名!注意修改广告图片地址和连接地址!相应的参数可以根据页面自行调整。

  如果您还需要浮动对联广告之右侧的代码,请继续看下一节。


上一篇:RedHat Linux的RHCE考試认证的主要方向
下一篇:如何制作页面对联广告之右侧(允许关闭)
标题:如何制作页面对联广告之左侧(允许关闭) 作者: 来源:
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐