⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 波纹状的导航.txt

📁 网页特效的代码,在美化网页时有很大的作用
💻 TXT
字号:
🔍 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

<script LANGUAGE="JavaScript">
<!-- Beginning of JavaScript - 
// Your messages. Add as many as you like
var message=new Array()
message[0]="欢迎光临国内最大的新闻站点---新浪网!"
message[1]="欢迎光临国内最大的综合性站点---网易!"
message[2]="欢迎光临国内最大的搜索引擎站点---搜狐!"

// the URLs of your messages
var messageurl=new Array()
messageurl[0]="http://www.sina.com.cn/"
messageurl[1]="http://www.163.com/"
messageurl[2]="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[0]="_blank"
messagetarget[1]="_blank"
messagetarget[2]="_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[i_message]+"</font> "
textcontent+="<a href="+messageurl[i_message]+" target="+messagetarget[i_message]+">"
textcontent+="<br><br><font color="+fntcolor+">"+linktext+"</font></a></span>"
}

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

// - End of JavaScript - -->
</script> 
<style type="text/css">
<!--
body {
	background-color: #FFCC99;
}
-->
</style><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> 

</head>

<body onLoad="initiate()">
<p><br>
  &lt;html&gt;<br>
  &lt;head&gt;<br>
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=gb2312&quot; /&gt;<br>
  &lt;title&gt;无标题文档&lt;/title&gt;</p>
<p>&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;<br>
  &lt;!-- Beginning of JavaScript - <br>
  // Your messages. Add as many as you like<br>
  var message=new Array()<br>
  message[0]=&quot;欢迎光临国内最大的新闻站点---新浪网!&quot;<br>
  message[1]=&quot;欢迎光临国内最大的综合性站点---网易!&quot;<br>
  message[2]=&quot;欢迎光临国内最大的搜索引擎站点---搜狐!&quot;</p>
<p>// the URLs of your messages<br>
  var messageurl=new Array()<br>
  messageurl[0]=&quot;http://www.sina.com.cn/&quot;<br>
  messageurl[1]=&quot;http://www.163.com/&quot;<br>
  messageurl[2]=&quot;http://www.sohu.com/&quot;</p>
<p>// the targets of the links<br>
  // accepted values are '_blank' or '_top' or '_parent' or '_self'<br>
  // or the name of your target-window (for instance 'main')<br>
  var messagetarget=new Array()<br>
  messagetarget[0]=&quot;_blank&quot;<br>
  messagetarget[1]=&quot;_blank&quot;<br>
  messagetarget[2]=&quot;_blank&quot;</p>
<p>// the text of your links. In this sample it's the word 'more'<br>
  var linktext=&quot;去看看&quot;<br>
  // font-size<br>
  var fntsize=11</p>
<p>// font-color<br>
  var fntcolor=&quot;FFFF00&quot;</p>
<p>// font-family<br>
  var fntfamily=&quot;Verdana&quot;</p>
<p>// font-weight: 1 means bold, 0 means normal<br>
  var fntweight=0</p>
<p>// standstill of each image(seconds)<br>
  var pause=3</p>
<p>var backgroundcolor=&quot;444444&quot;</p>
<p>// horizontal position of the slideshow (distance to the left margin of the browser-window, pixels)<br>
  var posleft=5</p>
<p>// vertical position of the slideshow (distance to the top margin of the browser-window, pixels)<br>
  var postop=5</p>
<p>// width of the textbox (pixels)<br>
  var scrollerwidth=200</p>
<p>// height of the textbox (pixels)<br>
  var scrollerheight=150</p>
<p>// width of the border (pixels)<br>
  var scrollerborder=2</p>
<p>// width of the textpadding (pixels)<br>
  var textpadding=15</p>
<p>// do not edit the variables below<br>
  var textwidth=scrollerwidth-(2*textpadding)<br>
  var textcontent=&quot;&quot;<br>
  var bgcontent=&quot;&quot;<br>
  var i_message=0<br>
  var i_stepwave=0<br>
  var i_maxstepwave=20<br>
  pause=pause*1000<br>
  if (fntweight==1) {fntweight=&quot;700&quot;}<br>
  else {fntweight=&quot;100&quot;}</p>
<p>function initiate() {<br>
  gettextcontent()<br>
  getbgcontent()<br>
  if (document.all) {<br>
  wavemessage.innerHTML=textcontent<br>
  wavemessagebg.innerHTML=bgcontent<br>
  wavemessagebg.style.posLeft=posleft<br>
  wavemessagebg.style.posTop=postop<br>
  wavemessage.style.posLeft=posleft+textpadding<br>
  wavemessage.style.posTop=postop+textpadding<br>
  enlargewave()<br>
  }<br>
  if (document.layers) {<br>
  document.wavemessage.left=posleft+textpadding<br>
  document.wavemessage.top=postop+textpadding<br>
  document.wavemessagebg.document.write(bgcontent)<br>
  document.wavemessagebg.document.close()<br>
  document.wavemessagebg.left=posleft<br>
  document.wavemessagebg.top=postop<br>
  changemessage()<br>
  }<br>
  }</p>
<p>function enlargewave() {<br>
  if (i_stepwave&lt;=i_maxstepwave) {<br>
  wavemessage.filters.wave.phase=i_stepwave<br>
  wavemessage.filters.wave.strength=i_stepwave<br>
  wavemessage.filters.wave.lightstrength=i_stepwave<br>
  wavemessage.filters.wave.freq=i_stepwave<br>
  i_stepwave++<br>
  var timer=setTimeout(&quot;enlargewave()&quot;,50)<br>
  }<br>
  else {<br>
  clearTimeout(timer)<br>
  changemessage()<br>
  }<br>
  }</p>
<p>function reducewave() {<br>
  if (i_stepwave&gt;0) {<br>
  wavemessage.filters.wave.phase=i_stepwave<br>
  wavemessage.filters.wave.strength=i_stepwave<br>
  wavemessage.filters.wave.lightstrength=i_stepwave<br>
  wavemessage.filters.wave.freq=i_stepwave<br>
  i_stepwave--<br>
  var timer=setTimeout(&quot;reducewave()&quot;,50)<br>
  }<br>
  else {<br>
  clearTimeout(timer)<br>
  var timer=setTimeout(&quot;enlargewave()&quot;,pause)<br>
  }<br>
  }</p>
<p>function changemessage() { <br>
  i_message++<br>
  if (i_message&gt;=message.length) {i_message=0}<br>
  gettextcontent()</p>
<p>if (document.all) { <br>
  wavemessage.innerHTML=textcontent<br>
  reducewave()<br>
  }</p>
<p>if (document.layers) {<br>
  document.wavemessage.document.write(textcontent)<br>
  document.wavemessage.document.close()<br>
  var timer=setTimeout(&quot;changemessage()&quot;,pause)<br>
  }</p>
<p>}</p>
<p>function gettextcontent() {<br>
  textcontent=&quot;&lt;span style='font-size:&quot;+fntsize+&quot;pt;font-family:&quot;+fntfamily+&quot;;font-weight:&quot;+fntweight+&quot;;width:&quot;+textwidth+&quot;px'&gt;&quot;<br>
  textcontent+=&quot;&lt;font color=&quot;+fntcolor+&quot;&gt;&quot;+message[i_message]+&quot;&lt;/font&gt; &quot;<br>
  textcontent+=&quot;&lt;a href=&quot;+messageurl[i_message]+&quot; target=&quot;+messagetarget[i_message]+&quot;&gt;&quot;<br>
  textcontent+=&quot;&lt;br&gt;&lt;br&gt;&lt;font color=&quot;+fntcolor+&quot;&gt;&quot;+linktext+&quot;&lt;/font&gt;&lt;/a&gt;&lt;/span&gt;&quot;<br>
  }</p>
<p>function getbgcontent() {<br>
  bgcontent=&quot;&lt;table width=&quot;+scrollerwidth+&quot; height=&quot;+scrollerheight+&quot; border=&quot;+scrollerborder+&quot;&gt;&lt;tr&gt;&lt;td bgcolor=&quot;+backgroundcolor+&quot;&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&quot;<br>
  }</p>
<p>// - End of JavaScript - --&gt;<br>
  &lt;/script&gt; <br>
  &lt;div ID=&quot;wavemessagebg&quot; style=&quot;position:absolute;&quot;&gt;<br>
  &lt;/div&gt;<br>
  &lt;div ID=&quot;wavemessage&quot; style=&quot;position:absolute; filter:wave()&quot;&gt;<br>
  &lt;/div&gt;<br>
  &lt;div id=&quot;deletethisblock&quot; style=&quot;position:absolute;top:5px;left:220px;&quot;&gt;<br>
  &lt;/div&gt; </p>
<p>&lt;/head&gt;</p>
<p>&lt;body onLoad=&quot;initiate()&quot;&gt;<br>
</p>
<p>&nbsp;</p>
<p>&lt;/body&gt;<br>
  &lt;/html&gt;<br>
</p>




</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -