过期作废 发表于 2007-4-27 11:48:47

***页面特效***相当漂亮的导航窗

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要两个步骤

第一步：把如下代码加入到<body>区域中

<script language="javascript">
<!-- beginning of javascript -
// your messages. add as many as you like
var message=new array()
message="欢迎光临国内最大的新闻站点---新浪网!"
message="欢迎光临国内最大的综合性站点---网易!"
message="欢迎光临国内最大的搜索引擎站点---搜狐!"

// the urls of your messages
var messageurl=new array()
messageurl="http://www.sina.com.cn/"
messageurl="http://www.163.com/"
messageurl="http://www.sohu.com/"

// the targets of the links
// accepted values are '_blank' or '_top' or '_parent' or '_self'
// or the name of your target-window (for instance 'main')
var messagetarget=new array()
messagetarget="_blank"
messagetarget="_blank"
messagetarget="_blank"

// the text of your links. in this sample it's the word 'more'
var linktext="去看看"
// font-size
var fntsize=11

// font-color
var fntcolor="ffff00"

// font-family
var fntfamily="verdana"

// font-weight: 1 means bold, 0 means normal
var fntweight=0

// standstill of each image(seconds)
var pause=3

var backgroundcolor="444444"

// horizontal position of the slideshow (distance to the left margin of the browser-window, pixels)
var posleft=5

// vertical position of the slideshow (distance to the top margin of the browser-window, pixels)
var postop=5

// width of the textbox (pixels)
var scrollerwidth=200


// height of the textbox (pixels)
var scrollerheight=150

// width of the border (pixels)
var scrollerborder=2

// width of the textpadding (pixels)
var textpadding=15

// do not edit the variables below
var textwidth=scrollerwidth-(2*textpadding)
var textcontent=""
var bgcontent=""
var i_message=0
var i_stepwave=0
var i_maxstepwave=20
pause=pause*1000
if (fntweight==1) {fntweight="700"}
else {fntweight="100"}

function initiate() {
gettextcontent()
getbgcontent()
if (document.all) {
wavemessage.innerhtml=textcontent
wavemessagebg.innerhtml=bgcontent
wavemessagebg.style.posleft=posleft
wavemessagebg.style.postop=postop
wavemessage.style.posleft=posleft+textpadding
wavemessage.style.postop=postop+textpadding
enlargewave()
}
if (document.layers) {
document.wavemessage.left=posleft+textpadding
document.wavemessage.top=postop+textpadding
document.wavemessagebg.document.write(bgcontent)
document.wavemessagebg.document.close()
document.wavemessagebg.left=posleft
document.wavemessagebg.top=postop
changemessage()
}
}

function enlargewave() {
if (i_stepwave<=i_maxstepwave) {
wavemessage.filters.wave.phase=i_stepwave
wavemessage.filters.wave.strength=i_stepwave
wavemessage.filters.wave.lightstrength=i_stepwave
wavemessage.filters.wave.freq=i_stepwave
i_stepwave++
var timer=settimeout("enlargewave()",50)
}
else {
cleartimeout(timer)
changemessage()
}
}

function reducewave() {
if (i_stepwave>0) {
wavemessage.filters.wave.phase=i_stepwave
wavemessage.filters.wave.strength=i_stepwave
wavemessage.filters.wave.lightstrength=i_stepwave
wavemessage.filters.wave.freq=i_stepwave
i_stepwave--
var timer=settimeout("reducewave()",50)
}
else {
cleartimeout(timer)
var timer=settimeout("enlargewave()",pause)
}
}

function changemessage() {
i_message++
if (i_message>=message.length) {i_message=0}
gettextcontent()

if (document.all) {
wavemessage.innerhtml=textcontent
reducewave()
}

if (document.layers) {
document.wavemessage.document.write(textcontent)
document.wavemessage.document.close()
var timer=settimeout("changemessage()",pause)
}

}

function gettextcontent() {
textcontent="<span style='font-size:"+fntsize+"pt;font-family:"+fntfamily+";font-weight:"+fntweight+";width:"+textwidth+"px'>"
textcontent+="<font color="+fntcolor+">"+message+"</font> "
textcontent+="<a href="+messageurl+" target="+messagetarget+">"
textcontent+="<br><br><font color="+fntcolor+">"+linktext+"</font></a></span>"
}

function getbgcontent() {
bgcontent="<table width="+scrollerwidth+" height="+scrollerheight+" border="+scrollerborder+"><tr><td bgcolor="+backgroundcolor+">&nbsp;</td></tr></table>"
}

// - end of javascript - -->
</script>
<div id="wavemessagebg" style="position:absolute;">
</div>
<div id="wavemessage" style="position:absolute; filter:wave()">
</div>
<div id="deletethisblock" style="position:absolute;top:5px;left:220px;">
</div>


第二步：把“onload="initiate()"”加在<body>标记里
例如：<body onload="initiate()">
      










--------------------------------------

拥有三人行论坛管理系列软件，一个人就可以管理一个论坛的更新维护。还能使您的论坛有千人在线的真实火暴效果，让您不在为论坛因没有人气而留不住会员而烦恼，使您的论坛早日成为一流的论坛。详情请登陆网站：http://www.cnsrx.cn 三人行论坛管理软件，站长必备的专业好工具。（您使用的是免费版本，购买收费版本后，将不带广告。业务QQ:247216 44985227）
页: [1]
查看完整版本: ***页面特效***相当漂亮的导航窗