手机版 | 登陆 | 注册 | 留言 | 设首页 | 加收藏
当前位置: 网站首页 > 网页制作 > 动画特效 > 文章 当前位置: 动画特效 > 文章

制作对联广告---之右侧[允许关闭-自适应页面]

时间:2006-01-06    点击: 次    来源:本站原创    作者:佚名 - 小 + 大

现在很多网站广告做的如火如荼,现在我再来介绍一下带关闭的、能自适应窗口大小对联浮动广告,当浏览器窗口小于1024时,不显示。广告图下方增加了一个关闭按纽,允许访客点击关闭广告图片,如果您想只有一侧显示的话,下面是实现右侧效果所需代码:

var ad_float_right_src1 ="/images/logo.gif";
var ad_float_right_url1 ="http://www.ip126.com";
var ad_float_right_src2 ="/media/images/logo.gif";
var ad_float_right_url2 ="http://www.ip126.com/media";
var ad_float_right_src3 ="/school/images/logo.gif";
var ad_float_right_url3 ="http://www.ip126.com/school";
var ad_float_right_type = "";
var imgheight_close
document.ns = navigator.appName == "Microsoft Internet Explorer"

window.screen.width>800 ? imgheight_close=500:imgheight_close=120
 function myload()
{
myright.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;
myright.style.left=document.body.offsetWidth-120;
mymove();
}
 function mymove()
 {
 myright.style.top=document.body.scrollTop+document.body.offsetHeight-imgheight_close;
 myright.style.left=document.body.scrollLeft+document.body.offsetWidth-135;
 setTimeout("mymove();",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_right(){
 myright.style.visibility='hidden';
}
if (window.screen.width>=1024){
document.write("<div id=myright style='position: absolute;width:80;top:0;left:578;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_right_type!="swf")
{
 
document.write ("<tr>");
document.write ("<td align=center><a href='" + ad_float_right_url1 + "' target = '_blank'><img src='" + ad_float_right_src1 + "' WIDTH=107 height=58   border = 0></a>");
document.write ("<table width=100% border=0 cellspacing=0 cellpadding=0>");
document.write ("<tr>");
document.write ("<td height=1 background=images/pro_x.jpg></td>");
document.write ("</tr>");
document.write ("</table></td>");
document.write ("</tr>");
document.write ("<tr>");
document.write ("<td align=center><a href='" + ad_float_right_url2 + "' target = '_blank'><img src='" + ad_float_right_src2 + "' WIDTH=107 height=58   border = 0></a>");
document.write ("<table width=100% border=0 cellspacing=0 cellpadding=0>");
document.write ("<tr>");
document.write ("<td height=1 background=images/pro_x.jpg></td>");
document.write ("</tr>");
document.write ("</table></td>");
document.write ("</tr>");
document.write ("<tr>");
document.write ("<td align=center><a href='" + ad_float_right_url3 + "' target = '_blank'><img src='" + ad_float_right_src3 + "' WIDTH=107 height=58   border = 0></a>");
document.write ("<table width=100% border=0 cellspacing=0 cellpadding=0>");
document.write ("<tr>");
document.write ("<td height=1 background=images/pro_x.jpg></td>");
document.write ("</tr>");
document.write ("</table></td>");
document.write ("</tr>");
document.write ("  <tr>");
document.write ("<td align=center bgcolor=#FFCC01 style=font-size:12px;line-height:160%><a href=http://www.ip126.com/media/ target=_blank><b><font color=#000000>电子相册模板<br>");
document.write ("数码生活时尚</a></td>");
document.write ("  </tr>");
}
else
 document.write("<EMBED src='" + ad_float_right_src + "' quality=high WIDTH=88 height=31 HTYPE='application/x-shockwave-flash'></EMBED>");

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

myload()
}
}

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

左侧代码请查另一文章

上一篇:撕角Flash广告代码

下一篇:制作对联广告---之左侧[允许关闭-自适应页面]

推荐阅读
QQ:530051328  |  地址:广西玉林市博白县人民中路026号  |  电话:18177533568  |   桂ICP备07004785-8号  |  桂公网安备45092302000001号  |  
Copyright © 2018 天人文章管理系统 版权所有,授权www.537600.cn使用 Powered by 55TR.COM