无忧源码-网页特效 为广大网页制作爱好者提供学习、交流场所。在这里你可以找到背景特效、图象特效、时间日期特效、状态栏特效等各种网页特效。这些特效可以让你的网页变得更加美丽,从而吸引更多的网友访问你的网站。

网站首页 常用软件 站长工具 网页特效 网页配色 网页模板 背景音乐 杀毒频道 娱乐频道 访客留言
  特效分类

  点击排行 更多..
  不错的下拉菜单
  实用下拉导航条
  点击图片从而改变网页背景图..
  腾讯QQ网页在线客服,随网页..
  经典实用的触发型导航菜单
  超强论坛灌水工具---写大字板..
  腾讯QQ网页在线客服,隐藏在..
  通过滤镜实现的发光字体
  非常棒的绿色下拉透明菜单
  星星从背景中飞出
  页面内的超级酷浮动窗口
  Flash和JS实现的图片幻灯片切..


  推荐特效 更多..
  仿yahoo首页特色服务内容切换..
  可关闭并且能最大化的用层模..
  数字选中放大
  模仿3D的消息,太酷了!
  可以任意编辑的动态表格(特别..
  CSS超酷网页导航实例!网页导..
  效果直逼flash的css+div+js菜..
  网易娱乐头图新闻代码,推荐..
  类似与QQ的好友之类的树型菜..
  各种用途的按钮大集合
  用CSS设计的导航实例
  用CSS实现的一张图完成的导航..
您的位置:首页 >> 网页特效 >>  文本特效 >  变幻多彩的文字公告牌
变幻多彩的文字公告牌
[ 发布:风中舞 | 来源:本站整理 | 时间:2007-8-29 17:05:36 | 次 ]      [复制]
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效|wuym.com/js|---变幻多彩的文字公告牌</title>
<xml:namespace ns="urn:schemas-microsoft-com:vml" prefix="v"/>
<style>
v\:* { behavior: url(#default#VML); }
</style>
</head>
<body>
<table width=200 height=200 border=0 cellpadding=0 cellspacing=0>
<tr><td>
<SCRIPT>

var text=new Array()
var textlink=new Array()
var texttarget=new Array()

/////////////////////////////////////////////////////////////////////
// EDITZONE STARTS HERE
////////////////////////////////////////////////////////////////////

// Add your messages. They should be rather short.
// They should have the same length more or less.
text[0]="网页特效"
text[1]="建站源码"
text[2]="背景特效"
text[3]="整站模板"
text[4]="网页配色"
text[5]="站长工具"
text[6]="精彩纷呈"
text[7]="资源丰富"

// Add a link for each message
// If you don't want to link a message enter "#" instead (see sample below)
textlink[0]="http://www.wuym.com/"
textlink[1]="http://www.wuym.com/Js"
textlink[2]="http://www.wuym.com/"
textlink[3]="http://www.wuym.com/Js"
textlink[4]="http://www.wuym.com/"
textlink[5]="http://www.wuym.com/Js"
textlink[6]="http://www.wuym.com/"
textlink[7]="hthttp://www.wuym.com/Js"

// Add a target-window for each link
// Possible values: "_blank","_top", "_self", "_parent" or the name of a frame
texttarget[0]="_blank"
texttarget[1]="_blank"
texttarget[2]="_blank"
texttarget[3]="_blank"
texttarget[4]="_blank"
texttarget[5]="_top"
texttarget[6]="_parent"
texttarget[7]="_self"

// Set the font
var textfont="Arial Black"

// Add as many font-colors as you like
var textfontcolor=new Array("#FF0000","#0000FF","#00FF00","#660000")

// Add as many font-outline-colors as you like
var outlinecolor=new Array("#000000","#000000","#FDCF15")

// Add as many font-shadow-colors as you like
var shadowcolor=new Array("#FFFF00","#00FFFF","#FDCF15")

// Set the font-rollovercolor (required for Netscape and Opera only)
var textfontcolorrollover="#ff0000"

// Set the font-size (required for Netscape and Opera only)
var textfontsize=20

// Set the background-color
var textbgcolor="#000000"

// Set "bold" or "normal" (required for Netscape and Opera only)
var textweight="normal"

// Set "italic" or "normal" (required for Netscape and Opera only)rsiv sein soll
var textitalic="normal"

// Set width and height of your Fun Ticker (pixels)
// IMPORTANT: width and height must also be set in the table (see top of code)
var textwidth=200
var textheight=200

// Set the delay between the messages (seconds)
var textpause=2

// Set the width of the funticker's border (pixels)
var funtickerborder=3

// Set the color of the funticker's border
var funtickerbordercolor="#FDCF15"

// Set the width of the font-outline (pixels)
var widthfontoutline=1

// Set the strength of the font's opacity (transparency of letters)
var fontopacity="50%"

// Set the strength of the shadow's opacity (transparency of shadow)
var shadowopacity="50%"

// Set true if your font should display a gradient effect
// Set false if your font should display NO gradient effect
var applygradient=true

// Enter a value between 0 and 3 to set the shape for your messages
// If you enter 4 all shapes will be applied
var i_shape=4

/////////////////////////////////////////////////////////////////////
// EDITZONE ENDS HERE
///////////////////////////////////////////////////////////////////

var path=new Array()
path[0]="m20 0c300 140,300 50,580, 0m20 300c400 100,300 250,580 300e"
path[1]="m20 100c300 -50,300 50,580, 100m20 200c300 400,300 300,580 200e"
path[2]="m20 120c300 100,300 50,580, 0m20 180c300 180,300 300,580 300e"
path[3]="m20 0c300 140,300 50,580, 0m150 300c400 100,300 250,450 300e"

var i_path=0
var speed=60
var textdecoration="none"

var innerwidth=Math.floor(0.90*textwidth)
var innerheight=Math.floor(0.90*textheight)

var posleft=Math.floor((textwidth-innerwidth)/2-funtickerborder)
var postop=Math.floor((textheight-innerheight)/2)

var i_message=0
var i_messagelength=0
var i_outlinecolor=0
var i_textfontcolor=0
var i_shadowcolor=0

var textalign="center"
var textvalign="middle"
var textitalicA=""
var textitalicB=""
var textweightA=""
var textweightB=""
var textfontsizeHTML=1
var i_mes=0

var i_substring=0
var i_presubstring=0
var i_text=0
var textcontent=""
var notag=true
var textpresubstring=""
var textaftersubstring=""
textpause*=1000

var browserinfos=navigator.userAgent
var ie4=!document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ie5=document.getElementById&&document.all&&!browserinfos.match(/Opera/)
var ns6=document.getElementById&&!document.all&&!browserinfos.match(/Opera/)
var opera=browserinfos.match(/Opera/) 

function gettextcontent() {
 tablewidth=textwidth-2*funtickerborder
 tableheight=textheight-2*funtickerborder
 textpresubstring=text[i_text].substring(0,i_presubstring)
 var i_prepre=i_presubstring-1
 if (i_prepre<0) {i_prepre=0}
 if (text[i_text].substring(i_prepre,i_presubstring)=="<"){notag=false}
 if (text[i_text].substring(i_prepre,i_presubstring)==">"){notag=true}
 if (notag) {
  textcontent="<table border=0 cellpadding=4 width="+tablewidth+" height="+tableheight+"><tr valign="+textvalign+"><td align="+textalign+">"
  textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor[i_textfontcolor]+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor[i_textfontcolor]+"\'\">"
  textcontent+=textpresubstring
  textcontent+="</a>"
  textcontent+="</td></tr></table>"
 }
}

function showtickerNS6() {
 textcontent="<table border=0 cellpadding=4 width="+textwidth+" height="+textheight+"><tr valign="+textvalign+"><td align="+textalign+">"
 textcontent+="<a href='"+textlink[i_text]+"' target='"+texttarget[i_text]+"' style='position:relative; font-family:"+textfont+";text-decoration:"+textdecoration+";font-family:"+textfont+";color:"+textfontcolor[i_textfontcolor]+";font-size:"+textfontsize+"pt;font-weight:"+textweight+";font-style:"+textitalic+"' onMouseOver=\"this.style.color=\'"+textfontcolorrollover+"\'\" onMouseOut=\"this.style.color=\'"+textfontcolor[i_textfontcolor]+"\'\">"
 textcontent+=text[i_text]
 textcontent+="</a>"
 textcontent+="</td></tr></table>"
 document.getElementById("ticker").innerHTML=textcontent
 i_text++
 i_textfontcolor++
 if (i_text>=text.length) {i_text=0}
 if (i_textfontcolor>=textfontcolor.length-1) {i_textfontcolor=0}
 var timer=setTimeout("showtickerNS6()", textpause)
}

function showticker() {
 if (i_substring<=text[i_text].length) {
   i_substring++
   i_presubstring=i_substring-1
   if (i_presubstring<0) {i_presubstring=0}
   gettextcontent()
  if (opera) {
   document.getElementById("ticker").innerHTML=textcontent
   var timer=setTimeout("showticker()", speed)
  }
 }
 else {
  clearTimeout(timer)
  var timer=setTimeout("changetext()", textpause)
 }
}

function changetext() {
 i_substring=0
 i_presubstring=0
 i_text++
 i_textfontcolor++
 i_path++
 if (i_text>text.length-1) {i_text=0}
 if (i_textfontcolor>textfontcolor.length-1) {i_textfontcolor=0}
 showticker()
}

function changeform() {
 if (i_outlinecolor >= outlinecolor.length) {i_outlinecolor=0}
 if (i_textfontcolor >= textfontcolor.length) {i_textfontcolor=0}
 if (i_shadowcolor >= shadowcolor.length) {i_shadowcolor=0}
 if (i_path>path.length-1) {i_path=0}
 document.getElementById('strokeid').color=outlinecolor[i_outlinecolor]
 document.getElementById('fillid').color=textfontcolor[i_textfontcolor]
 document.getElementById('shadowid').color=shadowcolor[i_shadowcolor]
 if (i_shape==path.length) {
  document.getElementById('shapeid').path=path[i_path]
 }
 if (i_message < text.length) {
  tick()
 }
 else {i_message=0;tick()}
}

function tick() {
 if (i_messagelength <= text[i_message].length) {
 
  var messagestringend=""
  var messagestring=text[i_message].substring(0, i_messagelength)+messagestringend
  document.getElementById('textpathid').string=messagestring
  var timer=setTimeout("tick()",speed)
  i_messagelength++
 }
 else {
  clearTimeout(timer) 
  var timer=setTimeout("prechangeform()",textpause)
 }
}

function prechangeform() {
 i_messagelength=0
 i_message++
 i_outlinecolor++ 
 i_textfontcolor++ 
 i_shadowcolor++ 
 i_path++ 
 changeform()
}

function openlink() {
 if (texttarget[i_message]=="_blank") {
  codepopup=window.open(textlink[i_message], "code", "status=yes,location=yes,toolbar=yes,menubar=yes,resizable=yes,scrollbars=yes,width=770,height=460,top=10,left=10");
 }
 else if (texttarget[i_message]=="_top") {
  top.location.href=textlink[i_text]
 }
 else if (texttarget[i_message]=="_parent") {
  parent.location.href=textlink[i_text]
 }
 else if (texttarget[i_message]=="_self") {
  document.location.href=textlink[i_text]
 }
 else {
  var jumpto=eval("parent."+texttarget[i_text])
  jumpto.location.href=textlink[i_text]
 }
}

if (ie5) {
 document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+funtickerborder+'px;border-color:'+funtickerbordercolor+';background-color:'+textbgcolor+';cursor:hand" onClick="openlink()">')
 document.write('<v:shapetype id="shapeid" coordsize="600,320" path="'+path[i_shape]+'">')
 document.write('<v:path textpathok="t"/>')
 document.write('<v:textpath on="t" fitshape="t" xscale="t"/>')
 document.write('</v:shapetype>')
 document.write('<v:shape type="#shapeid" style="position:absolute; top:3px; left:'+posleft+'px; width:'+innerwidth+'px;height:'+innerheight+'px;" strokeweight="1pt">')
 if (applygradient) {
  document.write('<v:fill id="fillid" method="linear sigma" type="gradient" color="'+textfontcolor[i_textfontcolor]+'" opacity="'+fontopacity+'"/>')
 }
 else {
  document.write('<v:fill id="fillid" color="'+textfontcolor[i_textfontcolor]+'" opacity="'+fontopacity+'"/>')
 }
 document.write('<v:stroke id="strokeid" weight="'+widthfontoutline+'pt" color="'+outlinecolor[i_outlinecolor]+'"/>')

 document.write('<v:shadow on="t" id="shadowid" opacity="'+shadowopacity+'" color="'+shadowcolor[i_shadowcolor]+'"/>')
 document.write('<v:textpath id="textpathid" style="font-family:\''+textfont+'\';v-text-kern:t" trim="t" fitpath="t" xscale="f" string="Hello World"/>')

 document.write('</v:shape>')
 document.write('</div>')
}


if (ns6 || opera) {
 if (ns6) {
  textwidth-=2*funtickerborder
  textheight-=2*funtickerborder
 }
 document.write('<div ID="roof" style="position:relative;width:'+textwidth+'px;height:'+textheight+'px;border-style:solid;border-width:'+funtickerborder+'px;border-color:'+funtickerbordercolor+';background-color:'+textbgcolor+'">')
 document.write('<span ID="ticker" style="position:absolute;top:0px;left:0px;width:'+innerwidth+'px;height:'+innerheight+'px;"></span>')
 document.write('</div>')
}

if (ie5) {window.onload=changeform}
if (opera) {window.onload=showticker}
if (ns6) {window.onload=showtickerNS6}
</script>
</td></tr>
</table>
</body>
</html>


请将上面的代码复制到下面的文本框中进行预览     
         
下一个特效:霓虹灯广告字
 特效: 变幻多彩的文字公告牌 的评论   我要评论...
 
关于本站 | 广告合作 | 免责声明 | 网站帮助 | 网站地图  | 滇ICP备06001292号

Copyright ©2005 - 2008 wuym.com.All Rights Reserved.