目前分類:網頁語法特效~訊息、文字 (48)

瀏覽方式: 標題列表 簡短摘要

語法展示::  http://home.graffiti.net/opvcfgx/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript1.2">
<!--
var it=0
var head="display:''"
function initialize(){
mytext=typing.innerText
var myheight=typing.offsetHeight
typing.innerText=''
document.all.typing.style.height=myheight
typeit()
}
function typeit(){
typing.insertAdjacentText("beforeEnd",mytext.charAt(it))
if (it<mytext.length-1){
it++
setTimeout("typeit()",100)
}
else
return
}
if (document.all)
document.body.onload=initialize
-->
</script>
<span id="typing" style="visiblity:hidden;height:2" style=&{head};>歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925</span>


setTimeout("typeit()",100) 中修改文字出現的速度
自行修改文字訊息的內容

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/khghjg/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<DIV id=myText style="TOP:170px;VISIBILITY:hidden;POSITION:absolute">
<font color="#FF0000">Java Script</font> 是一個 <font color="#0000FF">Java Applet</font> 程式語言的簡易版本,它是由 Netscape 與 Sun 這兩家公司在 1995 年底所制定的,早期是為了在 Navigator 2.0上 設計動態網頁而設計的,它部份取自 <font color="#0000FF">Java Applet</font> 的精髓,但並不提供例如 <font color="#0000FF">Java Applet</font> 的類別與繼承的特性。<br><br><font color="#FF0000">Java Script</font> 程式是 HTML 檔案的一部份,放在標籤 <script> 與 </script> 當中,和 <font color="#0000FF">Java Applet</font> 不同的是, <font color="#FF0000">Java Script</font> 是純粹的直譯語言,也因如此,它的功能較單純,必須要搭配 HTML 檔案才能被執行;相反的, <font color="#FF0000">Java Script</font> 程式可以製作成 <font color="#0000FF">Java Applet</font> 來執行。
</DIV>


 

TOP:170px 中修改特效距離視窗上方的距離
自行修改訊息的內容


將以下程式碼複製,貼在<head>及</head>標籤之間。

 

<script language=JavaScript>
<!--
var timerID;
var leftbox;
function myLeftMove() {
 if(document.all){
  document.all.myText.style.pixelLeft = document.body.offsetWidth;
  document.all.myText.style.visibility = "visible";
 }
 if(document.layers){
  document.layers["myText"].left = innerWidth;
         document.layers["myText"].visibility = "visible";
 }
 timerID = window.setInterval("setLeftMv()",100);
}
function setLeftMv() {
 if(document.all)document.all.myText.style.pixelLeft -= 10;
 if(document.all)leftbox = document.all.myText.style.pixelLeft;

 if(document.layers)document.layers["myText"].left -= 10;
 if(document.layers)leftbox = document.layers["myText"].left;
 if (leftbox<=5) {
  if(document.all)document.all.myText.style.pixelLeft = 5;
  if(document.layers)document.layers["myText"].left = 5;
  window.clearInterval(timerID);
 }
}
-->
</script>


將以下程式碼複製,貼在<body >標籤裡面。 

 onload=myLeftMove()

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/bgyhhd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<script language="JavaScript" FPTYPE="mydynamicanimation">
<!--
  dynamicanimAttr = "mydynamicanimation"
  animateElements = new Array()
  currentElement = 0
  speed = 0
  stepsZoom = 8
  stepsWord = 30
  stepsFly = 12
  stepsSpiral = 16
  steps = stepsZoom
  step = 0
  outString = ""
  function mydynAnimation()
  {
    var ms = navigator.appVersion.indexOf("MSIE")
    ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
    if(!ie4)
    {
      if((navigator.appName == "Netscape") &&
         (parseInt(navigator.appVersion.substring(0, 1)) >= 4))
      {
        for (index=document.layers.length-1; index >= 0; index--)
        {
            layer=document.layers[index]
            if (layer.left==10000)
                layer.left=0
        }
      }
      return
    }
    for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if(null != animation)
      {
        if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        {
          ih = el.innerHTML
          outString = ""
          i1 = 0
          iend = ih.length
          while(true)
          {
            i2 = startWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, false, "")
            if(i2 == iend)
              break
            i1 = i2
            i2 = endWord(ih, i1)
            if(i2 == -1)
              i2 = iend
            outWord(ih, i1, i2, true, animation)
            if(i2 == iend)
              break
            i1 = i2
          }
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
        if(animation == "zoomIn" || animation == "zoomOut")
        {
          ih = el.innerHTML
          outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">"
          outString += ih
          outString += "</SPAN>"
          document.all[index].innerHTML = outString
          document.all[index].style.posLeft = 0
          document.all[index].setAttribute(dynamicanimAttr, null)
        }
      }
    }
    i = 0
    for (index=document.body.sourceIndex; index < document.all.length; index++)
    {
      el = document.all[index]
      animation = el.getAttribute(dynamicanimAttr, false)
      if (null != animation)
      {
        if(animation == "flyLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyRight")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = 0
        }
        else if(animation == "flyTop" || animation == "dropWord")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottom")
        {
          el.style.posLeft = 0
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyTopLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyTopRight" || animation == "flyTopRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "flyBottomLeft")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
        {
          el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
        }
        else if(animation == "spiral")
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
        }
        else if(animation == "zoomIn")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else if(animation == "zoomOut")
        {
          el.style.posLeft = 10000
          el.style.posTop = 0
        }
        else
        {
          el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
          el.style.posTop = 0
        }
        el.initLeft = el.style.posLeft
        el.initTop = el.style.posTop
        animateElements[i++] = el
      }
    }
    window.setTimeout("animate();", speed)
  }
  function offsetLeft(el)
  {
    x = el.offsetLeft
    for (e = el.offsetParent; e; e = e.offsetParent)
      x += e.offsetLeft;
    return x
  }
  function offsetTop(el)
  {
    y = el.offsetTop
    for (e = el.offsetParent; e; e = e.offsetParent)
      y += e.offsetTop;
    return y
  }
  function startWord(ih, i)
  {
    for(tag = false; i < ih.length; i++)
    {
      c = ih.charAt(i)
      if(c == '<')
        tag = true
      if(!tag)
        return i
      if(c == '>')
        tag = false
    }
    return -1
  }
  function endWord(ih, i)
  {
    nonSpace = false
    space = false
    while(i < ih.length)
    {
      c = ih.charAt(i)
      if(c != ' ')
        nonSpace = true
      if(nonSpace && c == ' ')
        space = true
      if(c == '<')
        return i
      if(space && c != ' ')
        return i
      i++
    }
    return -1
  }
  function outWord(ih, i1, i2, dyn, anim)
  {
    if(dyn)
      outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">"
    outString += ih.substring(i1, i2)
    if(dyn)
      outString += "</SPAN>"
  }
  function animate()
  {
    el = animateElements[currentElement]
    animation = el.getAttribute(dynamicanimAttr, false)
    step++
    if(animation == "spiral")
    {
      steps = stepsSpiral
      v = step/steps
      rf = 1.0 - v
      t = v * 2.0*Math.PI
      rx = Math.max(Math.abs(el.initLeft), 200)
      ry = Math.max(Math.abs(el.initTop),  200)
      el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
      el.style.posTop  = Math.ceil(-rf*Math.sin(t)*ry)
    }
    else if(animation == "zoomIn")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(50+50*step/steps) + "%"
      el.style.posLeft = 0
    }
    else if(animation == "zoomOut")
    {
      steps = stepsZoom
      el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%"
      el.style.posLeft = 0
    }
    else
    {
      steps = stepsFly
      if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
        steps = stepsWord
      dl = el.initLeft / steps
      dt = el.initTop  / steps
      el.style.posLeft = el.style.posLeft - dl
      el.style.posTop = el.style.posTop - dt
    }
    if (step >= steps)
    {
      el.style.posLeft = 0
      el.style.posTop = 0
      currentElement++
      step = 0
    }
    if(currentElement < animateElements.length)
      window.setTimeout("animate();", speed)
  }
-->
</script>
<p align="center" mydynamicanimation="flyTopRightWord">
紫蓮の翼   http://blog .pixnet .net/ como0925
</p>


將以下程式碼複製,貼在<body >標籤裡面。

 onload="mydynAnimation()"

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/mmnvfgg/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<center>
<p dynamicanimation8="dropWord"
style="position: relative !important; left: 10000 !important">歡 迎 光 臨 紫 蓮 の 翼   http://blog. pixnet.net/ como0925</p>
</center>

歡迎光臨 紫蓮の翼   http://blog. pixnet.net/ como0925中修改成想要呈現的文字;文字之間須以空格隔開,否則會一起掉落。

將以下程式碼複製,貼在<head>及</head>標籤之間。


<script language="JavaScript" fptype="dynamicanimation8">
<!--
dynamicanimAttr = "dynamicanimation8"
animateElements = new Array()
currentElement = 0
speed = 0
stepsZoom = 8
stepsWord = 20
stepsFly = 12
stepsSpiral = 16
steps = stepsZoom
step = 0
outString = ""
function dynAnimation8()
{
var ms = navigator.appVersion.indexOf("MSIE")
ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4)
if(!ie4)
{
if((navigator.appName == "Netscape") && (parseInt(navigator.appVersion.substring(0, 1)) >= 4))
{
for (index=document.layers.length-1; index >= 0; index--)
{
layer=document.layers[index]
if (layer.left==10000)
layer.left=0
}
}
return
}
for (index=document.all.length-1; index >= document.body.sourceIndex; index--)
{
el = document.all[index]
animation = el.getAttribute(dynamicanimAttr, false)
if(null != animation)
{
if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
{
ih = el.innerHTML
outString = ""
i1 = 0
iend = ih.length
while(true)
{
i2 = startWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih, i1, i2, false, "")
if(i2 == iend)
break
i1 = i2
i2 = endWord(ih, i1)
if(i2 == -1)
i2 = iend
outWord(ih, i1, i2, true, animation)
if(i2 == iend)
break
i1 = i2
}
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(dynamicanimAttr, null)
}
if(animation == "zoomIn" || animation == "zoomOut")
{
ih = el.innerHTML
outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">"
outString += ih
outString += "</SPAN>"
document.all[index].innerHTML = outString
document.all[index].style.posLeft = 0
document.all[index].setAttribute(dynamicanimAttr, null)
}
}
}
i = 0
for (index=document.body.sourceIndex; index < document.all.length; index++)
{
el = document.all[index]
animation = el.getAttribute(dynamicanimAttr, false)
if (null != animation)
{
if(animation == "flyLeft")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = 0
}
else if(animation == "flyRight")
{
el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
el.style.posTop = 0
}
else if(animation == "flyTop" || animation == "dropWord")
{
el.style.posLeft = 0
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "flyBottom")
{
el.style.posLeft = 0
el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
}
else if(animation == "flyTopLeft")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "flyTopRight" || animation == "flyTopRightWord")
{
el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "flyBottomLeft")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
}
else if(animation == "flyBottomRight" || animation == "flyBottomRightWord")
{
el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight
}
else if(animation == "spiral")
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight
}
else if(animation == "zoomIn")
{
el.style.posLeft = 10000
el.style.posTop = 0
}
else if(animation == "zoomOut")
{
el.style.posLeft = 10000
el.style.posTop = 0
}
else
{
el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth
el.style.posTop = 0
}
el.initLeft = el.style.posLeft
el.initTop = el.style.posTop
animateElements[i++] = el
}
}
window.setTimeout("animate();", speed)
}
function offsetLeft(el)
{
x = el.offsetLeft
for (e = el.offsetParent; e; e = e.offsetParent)
x += e.offsetLeft;
return x
}
function offsetTop(el)
{
y = el.offsetTop
for (e = el.offsetParent; e; e = e.offsetParent)
y += e.offsetTop;
return y
}
function startWord(ih, i)
{
for(tag = false; i < ih.length; i++)
{
c = ih.charAt(i)
if(c == '<')
tag = true
if(!tag)
return i
if(c == '>')
tag = false
}
return -1
}
function endWord(ih, i)
{
nonSpace = false
space = false
while(i < ih.length)
{
c = ih.charAt(i)
if(c != ' ')
nonSpace = true
if(nonSpace && c == ' ')
space = true
if(c == '<')
return i
if(space && c != ' ')
return i
i++
}
return -1
}
function outWord(ih, i1, i2, dyn, anim)
{
if(dyn)
outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">"
outString += ih.substring(i1, i2)
if(dyn)
outString += "</SPAN>"
}
function animate()
{
el = animateElements[currentElement]
animation = el.getAttribute(dynamicanimAttr, false)
step++
if(animation == "spiral")
{
steps = stepsSpiral
v = step/steps
rf = 1.0 - v
t = v * 2.0*Math.PI
rx = Math.max(Math.abs(el.initLeft), 200)
ry = Math.max(Math.abs(el.initTop), 200)
el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx)
el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry)
}
else if(animation == "zoomIn")
{
steps = stepsZoom
el.style.fontSize = Math.ceil(50+50*step/steps) + "%"
el.style.posLeft = 0
}
else if(animation == "zoomOut")
{
steps = stepsZoom
el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%"
el.style.posLeft = 0
}
else
{
steps = stepsFly
if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord")
steps = stepsWord
dl = el.initLeft / steps
dt = el.initTop / steps
el.style.posLeft = el.style.posLeft - dl
el.style.posTop = el.style.posTop - dt
}
if (step >= steps)
{
el.style.posLeft = 0
el.style.posTop = 0
currentElement++
step = 0
}
if(currentElement < animateElements.length)
window.setTimeout("animate();", speed)
}
-->
</script>



將以下程式碼複製,貼在<body >標籤裡面。

 onload="dynAnimation8()"

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/jcgfhjgfch/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript1.2">
<!--
message="紫蓮の翼   http://blog.pixnet.net/como0925"
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-2;
mes[1]=-5;
mes[2]=-8;
mes[3]=-11;
mes[4]=-14;
mes[5]=-11;
mes[6]=-8;
mes[7]=-5;
mes[8]=-2;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
alert("您輸入的文字太少 !")
}
}
function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}
function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}
function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 70){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}}
-->
</script>
<div id="jumpx" align="center" style="font-family:細明體;color:#000000;font-size:15pt"></div>
<script language="JavaScript">
<!--
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
-->
</script>


message="紫蓮の翼   http://blog.pixnet.net/como0925" 中修改文字的內容
<div id="jumpx" align="center" style="font-family:細明體;color:#000000;font-size:15pt"></div> 中修改文字的字體、大小及顏色

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::   http://home.graffiti.net/wsscfgdss/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<script language=JavaScript>
<!--
if (document.layers)
 {
 alert("對不起,你的瀏覽器不支持此程式碼特效。");
 opener.gO();window.close();
 }
else
if (document.all){
var step=3;
var xstep=0;
var msg='紫蓮@翼   http://blog.pixnet.net/como0925;
document.write("<center><div id='water' style='position:relative;width:450px;height:50px;font-family:細明體;font-size:25px;color:#0080FF'>"+msg+"</div></center>");
function test(){
document.all.water.style.filter='wave(freq=3, strength=5, phase='+xstep+', lightstrength=45, add=0, enabled=1)';
xstep+=step;
TIMER=setTimeout('test()',10);
}
}
-->
</script>


style='position:relative;width:450px;height:50px;font-family:細明體;font-size:25px;color:#0080FF' 中作文字的設定,依序為:特效的寬度、特效的高度、文字的字體、文字的大小、文字的顏色


將以下程式碼複製,貼在<body >標籤裡面。

 onLoad="if (document.all)test()"

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::   http://home.graffiti.net/nfgxhgdzhd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript">
<!--
var theText = "歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925";
function nextSize(i,incMethod,textLength)
{
if (incMethod == 1) return (20*Math.abs( Math.sin(i/(textLength/3.14))) );
if (incMethod == 2) return (155*Math.abs( Math.cos(i/(textLength/3.14))));
}
function sizeCycle(text,method,dis)
{
 output = "";
 for (i = 0; i < text.length; i++)
 {
  size = parseInt(nextSize(i +dis,method,text.length));
  output += "<font style='font-size: "+ size +"pt'>" +text.substring(i,i+1)+ "</font>";
 }
 theDiv.innerHTML = output;
}
function doWave(n)
{  
 sizeCycle(theText,1,n);
 if (n > theText.length) {n=0}
 setTimeout("doWave(" + (n+1) + ")", 50);
}
-->
</script>
<div ID="theDiv" align="center"></div>


var theText = "歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925"; 中自行修改要顯示的文字
return (20*Math.abs 中修改最小時文字的大小
setTimeout("doWave(" + (n+1) + ")", 50); 中修改顯示特效的速度


將以下程式碼複製,貼在<body >標籤裡面。

 onload="doWave(0)"

uuiop6623 發表在 痞客邦 留言(0) 人氣()

將以下程式碼複製,貼在<body>及</body>標籤之間。

<center>
<script language="JavaScript">
<!--
var fs=2
var direction="right"
function rollertext(whichone){
var thetext=whichone
for (i=0;i<thetext.length;i++){
document.write(thetext.charAt(i).fontsize(fs))
if (fs<6&&direction=="right")
fs++
else if (fs==6){
direction="left"
fs--
}
else if (fs==2){
direction="right"
fs++
}
else if (fs>1&&direction=="left")
fs--
}
}
rollertext("歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925")
-->
</script>
</center>


var fs=2fs==2 中修改最小文字的大小
fs<6fs==6 中修改最大文字的大小
rollertext("歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925") 中自行修改顯示的文字

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/ewcvghf/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<font color="#FF0000" face="細明體" size="4"><b class="drag">紫蓮の翼   http://blog.pixnet.net/como0925</b></font>


<font color="#FF0000" face="細明體" size="4"> 中修改文字的規格,依序為顏色、字體、大小
紫蓮の翼   http://blog.pixnet.net/como0925中自行修改成想要的內容


將以下程式碼複製,貼在<head>及</head>標籤之間。


<script language="JavaScript1.2">
<!--
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
-->
</script>
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/yghfdgd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<center>
<h2>
<script language="JavaScript1.2"> 
var message="歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925
var neonbasecolor="#3F3F3F" 
var neontextcolor="#EAEA00" 
var flashspeed=150
var n=0 
if (document.all){ 
document.write('<font color="'+neonbasecolor+'">') 
for (m=0;m<message.length;m++) 
document.write('<span id="neonlight">'+message.charAt(m)+'</span>') 
document.write('</font>') 
var tempref=document.all.neonlight 

else 
document.write(message) 
function neon(){ 
if (n==0){ 
for (m=0;m<message.length;m++) 
tempref[m].style.color=neonbasecolor 

tempref[n].style.color=neontextcolor 
if (n<tempref.length-1) 
n++ 
else{ 
n=0 
clearInterval(flashing) 
setTimeout("beginneon()",1500) 
return 


function beginneon(){ 
if (document.all) 
flashing=setInterval("neon()",flashspeed) 

beginneon() 
</script> 
</h2>
</center>


var message="歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925" 中修改要顯示的文字
var neonbasecolor="#3F3F3F" 中修改文字初使的顏色
var neontextcolor="#EAEA00" 中修改文字變換後的顏色
var flashspeed=150 中修改文字變色的速度

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/ljgjkgjkfv/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<center>
<span style="font-size:20pt;font-family:ARIAL BLACK,Times New Roman" id="ANIMA_TEXT_COLOR2" SET_COLOR="#FFFF00" SET_TIME="100" CURRENT_CHAR SET_TEXT><b>http://cdh.idv.tw</span>
</center>



font-size:20pt 中修改文字的大小
SET_COLOR="#FFFF00" 中修改變化的顏色
SET_TIME="100" 中修改變化的速度
http://cdh.idv.tw 修改成你想要的文字



將以下程式碼複製,貼在<head>及</head>標籤之間。

<script language="JavaScript">
<!--
if(navigator.appVersion.charAt(0)>=4 && (navigator.appVersion).indexOf("MSIE")!=-1) isIE4 = true;
else isIE4 = false;
function textAnima_color2(id,n) {
el = document.all.item(id,n);
charColor = el.getAttribute("SET_COLOR");
cur = el.getAttribute("CURRENT_CHAR");
if(cur=="") cur = 0;
getHTML= el.getAttribute("SET_TEXT");
if(getHTML == "") {
getHTML = el.innerText;
el.setAttribute("SET_TEXT",getHTML);
}
bef_t = getHTML.substring(0,cur); ;
aft_t = getHTML.substring(eval(cur)+1,getHTML.length);
cur_t = getHTML.substr(cur,1);
cur_t = cur_t.fontcolor(charColor);
el.innerHTML = bef_t + cur_t + aft_t;
cur++;
if(cur > getHTML.length) cur=0;
el.setAttribute("CURRENT_CHAR",cur);
getT = el.getAttribute("SET_TIME");
if(getT=="") getT = 100;
setTimeout("textAnima_color2('"+id+"',"+n+")",eval(getT));
}
if(isIE4) {
window.onload = init;
}
function init() {
id = "ANIMA_TEXT_COLOR2";
len = document.all.item(id).length;
if(!len) len=1;
for(var i=0;i<len;i++) {
textAnima_color2(id,i);
}
}
-->
</script>

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/gdvsswvcd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript">
<!--
function MakeArray(n){
   this.length=n;
   for(var i=1; i<=n; i++) this[i]=i-1;
   return this
}
hex=new MakeArray(16);
hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F";
function ToHex(x){
   var high=x/16;
   var s=high+"";
   s=s.substring(0,2); 
   high=parseInt(s,10);
   var left=hex[high+1];
   var low=x-high*16;
   s=low+"";
   s=s.substring(0,2);
   low=parseInt(s,10);
   var right=hex[low+1];
   var string=left+""+right;
   return string;
}
function rainbow(text){
   text=text.substring(3,text.length-4);
   color_d1=255;                              
   mul=color_d1/text.length;
   for(i=0;i < text.length;i++){
      color_d1=255*Math.sin(i/(text.length/3)); "255*Math.sin(i/(text.length/3))"
      color_h1=ToHex(color_d1);
      color_d2=mul*i;
      color_h2=ToHex(color_d2);
      document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>');
   }
}
-->
</script>
<script language="JavaScript">
<!--
{rainbow("紫蓮の翼   http://blog.pixnet.net/como0925紫蓮の翼   http://blog.pixnet.net/como0925紫蓮の翼   http://blog.pixnet.net/como0925,請自行修改喜歡的句子,越長的句子會越好!紫蓮の翼   http://blog.pixnet.net/como0925,請自行修改喜歡的句子,越長的句子會越好!請自行修改喜歡的句子,紫蓮の翼   http://blog.pixnet.net/como0925,越長的句子會越好!請自行修改喜歡的句子,紫蓮の翼   http://blog.pixnet.net/como0925,越長的句子會越好!請自行修改喜歡的句子,紫蓮の翼   http://blog.pixnet.net/como0925,越長的句子會越好!紫蓮の翼   http://blog.pixnet.net/como0925,請自行修改喜歡的句子,越長的句子會越好!請自行修改喜歡的句子,越長的句子會越好!請自行修改喜歡的句子,越長的句子會越好!紫蓮の翼   http://blog.pixnet.net/como0925,請自行修改喜歡的句子,越長的句子會越好!紫蓮の翼   http://blog.pixnet.net/como0925,請自行修改喜歡的句子,越長的句子會越好!紫蓮の翼   http://blog.pixnet.net/como0925");}
-->
</script>

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/esgrrgfrg/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<center>
<script language="JavaScript">
<!--
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==9)
document.all.glowtext[which].filters[0].strength=6
else
document.all.glowtext[which].filters[0].strength=9
}
function glowit2(which){
if (document.all.glowtext.filters[0].strength==9)
document.all.glowtext.filters[0].strength=6
else
document.all.glowtext.filters[0].strength=9
}
function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}
if (document.all)
window.onload=startglowing
-->
</script>
<span id="glowtext"><font face="標楷體" size="7" color="#FFFF00">紫蓮の翼   http://blog.pixnet.net/como0925</font></span>
</center>


setInterval("glowit2(0)",150) 中修改閃爍的速度
<font face="標楷體" size="7" color="#FFFF00">紫蓮の翼   http://blog.pixnet.net/como0925</font> 中修改文字的字體、大小、顏色及內容



將以下程式碼複製,貼在<head>及</head>標籤之間。

<style>
<!--
#glowtext{
filter:glow(color=FF0000,strength=3);
width:100%;
}
-->
</style>

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/hjdfghww/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<center><span id="neon"><font face="細明體" size="6">歡迎光臨紫蓮の翼   http://blog.pixnet.net/como0925</font></span></center>


將以下程式碼複製,貼在<head>及</head>標籤之間。


<script language="JavaScript">
<!--
neonBaseColor = "#FFFF00";
neonColor = "#00FF00";
num = 0;
num2 = 0;
num3 = 0;
num4 = neonColor;
function startNeon() {
message = neon.innerText;
neon.innerText = "";
for(i = 0; i != message.length; i++) {
neon.innerHTML += "<span id=\"neond\" style=\"color:"+neonBaseColor+"\">"+message.charAt(i)+"<\/span>"};
neon2();
}
function neon2() {
if(num != message.length) {
document.all.neond[num].style.color = neonColor;
num++;
setTimeout("neon2()", 100);
}
else {
num = 0;
num2 = message.length;
setTimeout("neon4onev()", 2000);
   }
}
function neon4onev() {
document.all.neond[num].style.color = neonBaseColor;
document.all.neond[num2-1].style.color = neonBaseColor;
if(Math.floor(message.length / 2) + 1 != num2) {
num++;
num2--;
setTimeout("neon4onev()", 50);
}
else {
setTimeout("neon5()", 50);
   }
}
function neon5() {
if(num3 != message.length && num3 != message.length+1) {
document.all.neond[num3].style.color = neonColor;
num3 = num3 + 2;
setTimeout("neon5()",100);
}
else {
setTimeout("neon52()", 50);
   }
}
function neon52() {
if(num3 == message.length) {
num3++;
neon52a();
}
else {
num3--;
neon52a();
   }
}
function neon52a() {
if(num3 != 1) {
num3 = num3 - 2;
document.all.neond[num3].style.color = neonColor;
setTimeout("neon52a()", 100);
}
else {
if(num4 == neonColor) {
num3 = 0;
neonColor = neonBaseColor;
setTimeout("neon5()", 2000);
}
else {
neonColor = num4;
num3 = 0;
setTimeout("neon4onev2()", 50);
      }
   }
}
function neon4onev2() {
document.all.neond[num].style.color = neonColor;
document.all.neond[num2 - 1].style.color = neonColor;
if(message.length != num2) {
num--;
num2++;
setTimeout("neon4onev2()", 50);
}
else {
num = 0;
num2 = 0;
setTimeout("neon3()", 2000);
   }
}
function neon3() {
if(num != message.length) {
document.all.neond[num].style.color = neonBaseColor;
num++;
setTimeout("neon3()", 100);
}
else {
num = 0;
neon2();
   }
}
-->
</script>


neonBaseColor = "#00FF00"; 中修改文字本身的顏色
neonColor = "#FF0000"; 中修改文字變化的顏色



將以下程式碼複製,貼在<body >標籤裡面。

 onLoad="startNeon()"

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/frgttsgd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<center>
  <table cellpadding="0" cellspacing="0" border="0">
    <tr>
      <td id="Font"><font face="細明體" size="4" color="#FFFFFF">
紫蓮の翼   http://blog.pixnet.net/como0925
</font></td>
    </tr>
  </table>
</center>

自行修改文字的內容、字體、大小、顏色


將以下程式碼複製,貼在<head>及</head>標籤之間。


<script language="JavaScript">
<!--
var rate = 1000
var i = 0;
var F = 'F1';
function doThing() {
if (document.getElementById&&document.all) {
ok = true;
i++;
if (i==1) F = 'F1';
if (i==2) F = 'F2';
if (i==3) F = 'F3';
if (i==4) F = 'F4';
if (i==5) F = 'F5';
if (i==6) F = 'F6';
if (i==7) F = 'F7';
Font.className = F;
if (i > 6) i = 0;
timer = setTimeout('doThing()', rate);
   }        
}
-->
</script>
<style>
<!--
.F1 {filter: glow(Color=#FF4040,Strength=5);}
.F2 {filter: glow(Color=#FF9F40,Strength=5);}
.F3 {filter: glow(Color=#FFFF40,Strength=5);}
.F4 {filter: glow(Color=#40FF40,Strength=5);}
.F5 {filter: glow(Color=#4040FF,Strength=5);}
.F6 {filter: glow(Color=#9F40FF,Strength=5);}
.F7 {filter: glow(Color=#FF40FF,Strength=5);}
-->
</style>


var rate = 1000 中修改變化的速度(每1秒=1000)
(Color=#FF4040,Strength=5) 中修改變化的顏色及燈光的強度


將以下程式碼複製,貼在<body >標籤裡面。

 onLoad="doThing()"

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/xcgfjvjuy/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript">
<!--
var text = "紫蓮の翼   http://blog.pixnet.net/como0925";
var speed = 1000;
var x = 0;
var color = new Array(
"#FF0000",
"#FF8000",
"#FFFF00",
"#00FF00",
"#0000FF",
"#8000FF",
"#FF00FF"
);
if(navigator.appName == "Netscape")
{
document.write('<layer id="c"><center>'+text+'</center></layer><br>');
}
if(navigator.appName == "Microsoft Internet Explorer")
{
document.write('<div id="c"><center>'+text+'</center></div>');
}
function changecolor()
{
if(navigator.appName == "Netscape")
{
document.c.document.write('<center><font color="'+color[x]);
document.c.document.write('">'+text+'</font></center>');
document.c.document.close();
}
else if (navigator.appName == "Microsoft Internet Explorer"){
document.all.c.style.color = color[x];
}
if(x < color.length-1)
{
x=x+1
}
else
{
x = 0;
}
}
setInterval("changecolor()",500);
-->
</script>



var text = "歡迎光臨爪哇島"; 中修改所要顯示的文字
可自行修改或增減文字的顏色
setInterval("changecolor()",500); 中修改變化的速度(每1秒=1000)

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/klfghdesf/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<div id="fade" style="width:355pt; text-align:center;"></div>
<script type="text/JavaScript">
<!--
function fadetext() {
fade.style.filter="alpha(opacity="+x+", style=0)";
x=((y<50)?x+4:x-4); y+=2;
if(y==100) {
z=((z>=texts.length-1)?1:z+1); y=0;
fade.innerHTML=texts[z]; fade.style.color=tcolor[z];
}
setTimeout("fadetext();", 10);
}
var texts=new Array(8), tcolor=new Array(8), x=0, y=0, z=1;
texts[1]="我是紅色";
texts[2]="我是橙色";
texts[3]="我是黃色";
texts[4]="我是綠色";
texts[5]="我是藍色";
texts[6]="我是靛色";
texts[7]="我是紫色";
texts[8]="我們是彩虹的七種顏色";
tcolor[1]="#FF0000";
tcolor[2]="#FF8000";
tcolor[3]="#FFFF00";
tcolor[4]="#00FF00";
tcolor[5]="#0000FF";
tcolor[6]="#8000FF";
tcolor[7]="#FF00FF";
tcolor[8]="#000000";
fade.innerHTML=texts[z]; fade.style.color=tcolor[z];
window.onload=fadetext;
-->
</script>


width:355pt 中修改顯示區域的寬度
setTimeout("fadetext();", 10); 中修改顯示停留的速度(數字除以五即為實際秒數)
Array(8) 中修改訊息的總數量
texts[1]="我是紅色"; 中修改訊息的文字
tcolor[1]="#FF0000"; 中修改訊息的顏色
自行增減訊息的數量,但需注意texts[1]與tcolor[1]中的數字要相對應

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/sgasdgfads/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<center>
<table width="410" height="30" border="0">
<tr><td id='anima' style="font-size:9pt;color:#1F1F1F;font-family:Tahoma">
</td></tr></table>
</center>
<script language="JavaScript">
<!--
text = "歡迎光臨紫蓮@翼,有空要多來逛逛喔,也請幫我點擊廣告賺點微薄的收入,歡迎光臨紫蓮@翼。"
word = text.split('.')
i = -1;          
j = 0;           
start = 0;     
scount = 0; 
function checkIt() {
with(document.all.anima) {
if(innerText.charAt(innerText.length-1) == "_") {
innerText = innerText.substring(0, innerText.length - 1);
return true;
}
else {
innerText = innerText + "_";
return false;
      }
   }
}
function blinkfor(count, timing) {
with(document.all.anima) {
if(start < count) {
if(checkIt()) {
start++;
}
mistake = 'blinkfor('+count+','+timing+')';
setTimeout('eval(mistake)', timing);
}
else {
start = 0;
i++;
call_It();
      }
   }
}
function mispell(offset,correction) {
with(document.all.anima) {
if(scount < offset) {
if(!checkIt()) {
innerText = innerText.substring(0, innerText.length-2) + "_";
scount++;
}
mistake = 'mispell(' + offset + ', "' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
if(correction == '' && scount == offset ) {
i = i - offset;
scount++;
}
if(offset > 0) {
if(checkIt()) {
innerText += correction.charAt(correction.length - offset) + "_";
offset--;
}
mistake = 'mispell(' + offset + ',"' + correction + '")';
setTimeout("eval(mistake)", 150);
}
else {
scount = 0;
j++;
innerText = innerText.substring(0, innerText.length - 1);
call_It();
         }
      }
   }
}
function spellit(string) {
with(document.all.anima) {
if(i <= string.length) {
if(string.charAt(i) == '/') {
NumErrs = string.charAt(i + 1);
NewLets = string.substring(i + 2, i + NumErrs);
mispell(NumErrs,NewLets);
}
else if(i <= string.length - 1) {
i++;
innerText = string.substring(0,i) + "_";
mistake = 'spellit("' + string + '")';
setTimeout("eval(mistake)", 150);
}
else {
innerText = string.substring(0, i);
j++;
call_It();
         }
      }
   }
}
function call_It() {
with(document.all) {
if(i == -1){
blinkfor(4, 150);
}
else if(j <= word.length - 1) {
spellit(anima.innerText + " " + word[j]);
}
else {
blinkfor(100,230);
      }
   }
}
if(document.all) {
call_It();
}
-->
</script> 
 

<table width="410" height="30" border="0"> 中修改特效涵蓋的寬度、高度、及邊框粗細
<td id='anima' style="font-size:9pt;color:#1F1F1F;font-family:Tahoma"> 中修改跑馬燈文字的大小、顏色
自行修改跑馬燈的文字內容
setTimeout("eval(mistake)", 150); 中修改跑馬燈的速度

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/kiooppfd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript">
<!--
function settitle() {
var a = "這是電腦時間第十秒時出現的訊息";
var b = "這是電腦時間第二十秒時出現的訊息";
var c = "這是電腦時間第三十秒時出現的訊息";
var d = "這是電腦時間第四十秒時出現的訊息";
var e = "這是電腦時間第五十秒時出現的訊息";
var f = "這是電腦時間第六十秒時出現的訊息";
var t = new Date();
s = t.getSeconds();
if (s == 10) {document.title = a;}else
if (s == 20) {document.title = b;}else
if (s == 30) {document.title = c;}else
if (s == 40) {document.title = d;}else
if (s == 50) {document.title = e;}else
if (s == 00) {document.title = f;}
setTimeout("settitle()", 1000);
}
settitle()
-->
</script>


var a = "這是電腦時間第十秒時出現的訊息"; 中修改訊息的文字
if (s == 10) {document.title = a;} 中修改於第幾秒時出現哪一條訊息

uuiop6623 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/mhggfgss/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<head>及</head>標籤之間。


<script language="JavaScript">
<!--
timeID = 10;
stcnt = 16;
msg = "我在這裡我在這裡!看到了沒......^_^";
wmsg = new Array(32);
 wmsg[0]=msg;
 blnk = "                                                               ";
 for (i=1; i<32; i++)
 {
  b = blnk.substring(0,i);
  wmsg[i]="";
  for (j=0; j<msg.length; j++) wmsg[i]=wmsg[i]+msg.charAt(j)+b;
 }
function wiper()
{
 ct = new Date();
 h = "0"+ct.getHours();
 m = "0"+ct.getMinutes();
 s = "0"+ct.getSeconds();
 h = h.substring(h.length-2,h.length+1);
 m = m.substring(m.length-2,m.length+1);
 s = s.substring(s.length-2,s.length+1);
 cl = " 現在時間: "+h+":"+m+":"+s+" ";
 if (stcnt > -1) str = wmsg[stcnt]; else str = wmsg[0];
 if (stcnt-- < -40) stcnt=31;
 status = cl+str;
 clearTimeout(timeID);
 timeID = setTimeout("wiper()",100);
}
-->
</script>


將以下程式碼複製,貼在<body >標籤裡面。


 onLoad="wiper()"

uuiop6623 發表在 痞客邦 留言(0) 人氣()

«12 3