文字切换的广告特效,在特定区域一直变换显示广告文字

  将下面的代码加在<body></body>之间:

<script language="Javascript">
<!--
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; οnresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
  <script language="Javascript">
<!--//
//message数组,随意增加更多的message;注意数组下标从0开始;
var message=new Array()
message[0]="圣诞节就要到来了,如何安排啊??"
message[1]="很想念远方的亲人,别忘了给朋友寄一张贺卡啊!"
message[2]="不要工作,要休息!"
message[3]="Merry Christmas Day and Happy NEW Year !"
message[4]="Join Maillist right Now!"

//每个message对应的连接
var messageurl = new Array()
messageurl[0]="http://www.3pcode.com"
messageurl[1]="http://www.3pcode.com"
messageurl[2]="http://www.3pcode.com"
messageurl[3]="http://www.3pcode.com"
messageurl[4]="http://www.3pcode.com"

// 字体大小颜色
var fntsize=2
var fntface="Verdana"
var fntcolor="white"

// 字体是否加粗
var fontweight="yes"

//  messagebox的背景颜色
var backgroundcolor="red"

// messagebox的宽度和高度 (pixels)
var messagewidth="280"
var messageheight="70"

// 边缘宽度
var borderwidth="1"

// messages相对于messagebox的位置关系,前者水平关系后者垂直关系;
var messagealign="center"
var messagevalign="middle"

// 距离页面顶部的距离(精确调整位置)
var messages_top=30

// 距离页面左侧的距离(精确调整位置)
var messages_left=50

// 效果转换速度(越小越快)
var pause=50

// 停滞时间(秒)
var standstill=3

// -->
</script>
<script>
var coverimage = new Array()
coverimage[0]="/1.gif"
coverimage[1]="/2.gif"
coverimage[2]="/3.gif"
coverimage[3]="/4.gif"
coverimage[4]="/5.gif"
coverimage[5]="/6.gif"
coverimage[6]="/7.gif"
coverimage[7]="/8.gif"

var covimgpreload=new Array()
for (i=0;i<=coverimage.length-1;i++) {
 covimgpreload
=new Image()
 covimgpreload
.src=coverimage
}
var i_messages=0
var i_loop=0
var thisurl=0
var timer
var coverwidth
var coverheight
standstill=standstill*1000

var content
if (fontweight=="yes") {
    fontweight="<b>"

else {fontweight=""}

function init() {
    //实际上显示的message的table由这里控制,如果你明白代码的含义,可以自由度更大的修改;
    content="<table width='"+messagewidth+"' height='"+messageheight+"' border='"+borderwidth+"'>"
    content+="<tr valign='"+messagevalign+"'><td align='"+messagealign+"' bgcolor='"+backgroundcolor+"'>"
    content+="<font size='"+fntsize+"' face='"+fntface+"'  color='"+fntcolor+"'>"
    content+=fontweight
    content+=message[i_messages]
    content+="</font></td></tr></table>"
    if (document.all) {
       document.all.messagebox.style.posTop=messages_top
        document.all.messagebox.style.posLeft=messages_left
        document.all.cover.style.posTop=messages_top
        document.all.cover.style.posLeft=messages_left
  messagebox.innerHTML=content
  coverwidth=messagebox.offsetWidth
  coverheight=messagebox.offsetHeight
  cover.innerHTML="<a href='javascript:gotourl()'><img width="+coverwidth+" height="+coverheight+" name='imgcover' src='"+coverimage[i_loop]+"' border=0></a>"
  
        enlargehearts()
    }
 
 if (document.layers) {
     document.messagebox.top=messages_top
        document.messagebox.left=messages_left
        document.cover.top=messages_top
        document.cover.left=messages_left
  document.messagebox.document.write(content)
  document.messagebox.document.close()
  coverwidth=document.messagebox.document.width
  coverheight=document.messagebox.document.height
  document.cover.document.write("<a href='javascript:gotourl()'><img width="+coverwidth+" height="+coverheight+" name='imgcover' src='"+coverimage[i_loop]+"' border=0></a>")
  document.cover.document.close()
  
        enlargehearts()
    }
}

function enlargehearts() {
        if (i_loop<=coverimage.length-1) {   
            if (document.all) {
                imgcover.src=coverimage[i_loop]
            }
            if (document.layers) {
                document.cover.document.imgcover.src=coverimage[i_loop]
            }
            i_loop++
            timer= setTimeout("enlargehearts()",pause)  
        }
        else {
            clearTimeout(timer)
            i_loop--
            timer= setTimeout("shrinkhearts()",standstill)
       }
}

function shrinkhearts() {
        if (i_loop>=0) {  
            if (document.all) { 
                imgcover.src=coverimage[i_loop]
            }
            if (document.layers) {
                document.cover.document.imgcover.src=coverimage[i_loop]
            }
            i_loop--
            timer= setTimeout("shrinkhearts()",pause)
        }
        else {
            clearTimeout(timer)
            i_loop=0
            i_messages++
            
            if (i_messages>=message.length) {i_messages=0}
                content="<table width='"+messagewidth+"' height='"+messageheight+"' border='"+borderwidth+"'>"
                content+="<tr valign='"+messagevalign+"'><td align='"+messagealign+"' bgcolor='"+backgroundcolor+"'>"
                content+="<font size='"+fntsize+"' face='"+fntface+"'  color='"+fntcolor+"'>"
                content+=fontweight
                content+=message[i_messages]
                content+="</font></td></tr></table>"
                if (document.all) { 
                    messagebox.innerHTML=content
                }
                if (document.layers) {
                    document.messagebox.document.write(content)
                    document.messagebox.document.close()
                }
            timer= setTimeout("enlargehearts()",(4*pause))
        }
}

function gotourl() {
 document.location.href=messageurl[i_messages]
}
window.οnlοad=init
</script>
<div id="messagebox" style="position:absolute"> </div>
<div id="cover" style="position:absolute"> </div>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值