語法展示:: http://home.graffiti.net/ffddwwww
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript">
<!--
function fullwin(){
window.open("http://blog.pixnet.net/como0925","","fullscreen,scrollbars")
}
-->
</script>
<form>
<input type="button" onClick="fullwin()" value="全螢幕開啟">
</form>
</center>
將 window.open("http://blog.pixnet.net/como0925","","fullscreen,scrollbars") 修改成特效頁實際的網頁名稱
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ghfhdfgd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
function Hello()
{
window.open('http://blog.pixnet.net/como0925','','width=250,height=150,scrollbars=no,resizable=no')
}
-->
</script>
在 window.open('031-2.htm','','width=250,height=150,scrollbars=no,
resizable=no') 中修改要連結的網頁及連結視窗的顯示大小
將以下程式碼複製,貼在<body>及</body>標籤之間。
<center>
<form>
<input type="BUTTON" value="按我ㄚ"
onClick="Hello()" >
</form>
</center>
在 value="按我ㄚ" 中修改按鈕的文字
uuiop6623 發表在 痞客邦 留言(0) 人氣()
特效解說:
網站搬家無人知?使用此特效能將舊址愛用者在短短一秒內馬上帶往新網址
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
location.href= ('http://blog.pixnet.net/como0925');
-->
</script>
在 location.href= ('http://blog.pixnet.net/como0925'); 中修改立即轉換的網址
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/kjghfwww/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script language=JavaScript>
<!--
var myfar;
var mytitle;
myfar="http://blog.pixnet.net/como0925";
mytitle="紫蓮の翼";
function favority() {
if (navigator.appName!="Netscape"){
window.external.AddFavorite(myfar, mytitle);}
else{
window.location = myfar;
}}
-->
</script>
在 myfar="http://blog.pixnet.net/como0925"; 中修改自己網站的網址 |
在 mytitle="紫蓮の翼"; 中修改自己網站的站名 |
將以下程式碼複製,貼在<body>及</body>標籤之間。
<center>
<A HREF="JavaScript:favority()">按我可將本站加到我的最愛</A>
</center>
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/gdgfchjc/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script language="JavaScript">
<!--
var limit="0:10"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function beginrefresh(){
if (!document.images)
return
if (parselimit==1)
window.location.reload()
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime=curmin+"分"+cursec+"秒後重新整理本網頁!"
else
curtime=cursec+"秒後重新整理本網頁!"
window.status=curtime
setTimeout("beginrefresh()",1000)
}
}
window.onload=beginrefresh
-->
</script>
在 var limit="0:10" 中修改您想要重新整理的時間
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/asdfrsf5555g/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。
<center>
網頁資料載入中,請稍候......
<form name="loading">
<input name="chart" size="29" style="background-color:white;color:#FF0000; font-family:Arial;font-weight:bolder;border-style:none;padding:0px"><br><input name="percent" size="2">
</form>
</center>
<script language="JavaScript">
<!--
var bar = 0
var line = "||"
var amount ="||"
count()
function count(){
bar= bar+3
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "http://blog.pixnet.net/como0925";}
}
-->
</script>
在 {window.location = "http://blog.pixnet.net/como0925";} 中修改設定時間後所要開啟的網頁
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/sadsadsa_2009/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。
<center>
<form name="redirect">
3秒後您就會進入教學頁<br>
倒數計時<input type="text" size="1" name="redirect2"></input>秒</font>
<script language="JavaScript">
<!--
var targetURL="http://blog.pixnet.net/como0925"
var countdownfrom=3
var currentsecond=document.redirect.redirect2.value=countdownfrom+1
function countredirect(){
if (currentsecond!=1){
currentsecond-=1
document.redirect.redirect2.value=currentsecond
}
else{
window.location=targetURL
return
}
setTimeout("countredirect()",1000)
}
countredirect()
-->
</script>
</form>
</center>
在 var targetURL="226-2.htm" 中修改時間到後要前往的位置 |
在 var countdownfrom=10 中修改等待的時間 |
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/fjfghfghjg/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<head>及</head>標籤之間。
<style type="text/css">
<!--
A:hover{color:#FF0000;background-color:#FFFF80}
A.MainMenu{text-decoration:none;font:10pt;color:#0000FF}
A.SubMenu{text-decoration:none;font-weight:normal;font:10pt;color:#9F40FF}
DIV.SubMenu{margin-left:10pt}
.cdh{color:#1F1F1F;font:10pt}
-->
</style>
<script language="JavaScript">
<!--
var currentMenu = 1;
function ShowSubMenu(id) {
if (document.all["SubMenu" + id].style.display == "")
{
document.all["SubMenu" + id].style.display = "none";
currentMenu = 0;
}
else
{
if (currentMenu != 0) {document.all["SubMenu" + currentMenu].style.display = "none";}
document.all["SubMenu" + id].style.display = "";
currentMenu = id;
}
}
-->
</script>
在 A:hover{color:#FF0000;background-color:#FFFF80} 中修改游標觸碰時文字的顏色及底色 |
在 A.MainMenu{text-decoration:none;font:10pt;color:#0000FF} 中修改分類大項的文字大小及顏色 |
在 A.SubMenu{text-decoration:none;font-weight:normal;font:10pt;color:#9F40FF} 中修改內部連結的文字大小及顏色 |
在 DIV.SubMenu{margin-left:10pt} 中修改內部連結部份距離視窗左方的距離 |
在 .cdh{color:#1F1F1F;font:10pt} 中修改細部分類標題的文字大小及顏色(如果沒有可省略) |
將以下程式碼複製,貼在<body>及</body>標籤之間。
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="center">
<a class="MainMenu" href="JavaScript:ShowSubMenu(1)">分類壹</a>
</td>
</tr>
</table>
<div id="SubMenu1" class="SubMenu" style="display:none">
<a class="SubMenu" href="#" target="0">連結1</a><br>
<a class="SubMenu" href="#" target="0">連結2</a><br>
<a class="SubMenu" href="#" target="0">連結3</a><br>
<a class="SubMenu" href="#" target="0">連結4</a><br>
</div>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="center">
<a class="MainMenu" href="JavaScript:ShowSubMenu(2)">分類貳</a>
</td>
</tr>
</table>
<div id="SubMenu2" class="SubMenu" style="display:none">
<span class="cdh">細分一</span><br>
<a class="SubMenu" href="#" target="0">連結1</a><br>
<a class="SubMenu" href="#" target="0">連結2</a><br>
<a class="SubMenu" href="#" target="0">連結3</a><br>
<span class="cdh">細分二</span><br>
<a class="SubMenu" href="#" target="0">連結1</a><br>
<a class="SubMenu" href="#" target="0">連結2</a><br>
</div>
在 <a class="SubMenu" href="#" target="0"> 中修改連結的網址及目標框架(href為連結網址,target為目標框架) |
如分類大項繁多可自行增加<table border="0" cellpadding="0" cellspacing="0">至</div>之間語法,但■編號數字部份不能與其它分類大項編號數字重複 |
■文字部份為細分項目,如不需要可直接省略 |
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/kjgfhgfhf/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。
<script language=JavaScript1.2>
<!--
var scrollerwidth=500
var scrollerheight=100
var scrollerbgcolor='white'
var pausebetweenimages=5000
var slideimages=new Array()
slideimages[0]='<a href="http://www.sina.com.tw/" target="_blank"><img src="http://www.sina.com.tw/service/sina_logo.gif" border=0 alt="新浪網"></a>'
slideimages[1]='<a href="http://blog.pixnet.net/como0925" target="_blank"><img src="3.gif" border=0 alt="紫蓮の翼"></a>'
slideimages[2]='<a href="http://www.sina.com.tw/" target="_blank"><img src="http://www.sina.com.tw/service/sina_logo.gif" border=0 alt="新浪網"></a>'
slideimages[3]='<a href="http://blog.pixnet.net/como0925" target="_blank"><img src="3.gif" border=0 alt="紫蓮の翼"></a>'
if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}
function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}
window.onload=startscroll
-->
</script>
<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor};>
<layer id="first" left=0 top=1 width=&{scrollerwidth};>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[0])
</script>
</layer>
<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language="JavaScript1.2">
if (document.layers)
document.write(slideimages[1])
</script>
</layer>
</ilayer>
<p>
<CENTER>
<script language="JavaScript1.2">
<!--
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
-->
</script>
</CENTER>
在 var scrollerwidth=88 中修改LoGo的寬度 |
在 var scrollerheight=31 中修改LoGo的高度 |
在 var pausebetweenimages=5000 中修改轉動的速度(每1秒=1000) |
自行增加修改連結的內容 |
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/kghjgff456/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。
<center>
<script language="JavaScript1.2">
<!--
var marqueewidth=150
var marqueeheight=50
var speed=1
var marqueecontents='<center><P><a href="http://blog.pixnet.net/como0925" target="_blank"><img src="3.gif" border=0 alt="紫蓮の翼"></a><P><a href="http://tw.yahoo.com/" target="_blank"><img src="http://tw.search.yahoo.com/pic/y!kimo_40.gif" border=0 alt="奇摩"></a><P><a href="http://chinese.yahoo.com/" target="_blank"><img src="http://us.yimg.com/i/cn/cat.gif" border="0" alt="雅虎"></a><P><a href="http://www.yam.com/" target="_blank"><img src="http://www.yam.com/searchyam/img/yamsearch12090w3.gif" border=0 alt="蕃薯藤"></a><P><a href="http://www.sina.com.tw/" target="_blank"><img src="http://www.sina.com.tw/service/sina_logo.gif" border=0 alt="新浪網"></a><P><a href="http://www.pchome.com.tw/" target="_blank"><img src="http://event.pchome.com.tw/profile/authorized/img/logo3.gif" border=0 alt="PChome"></a></a></center>'
if (document.all)
document.write('<marquee direction="down" scrollAmount='+speed+' style="width:'+marqueewidth+';height:'+marqueeheight+'">'+marqueecontents+'</marquee>')
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
-->
</script>
<ilayer width=&{marqueewidth}; height=&{marqueeheight}; name="cmarquee01">
<layer name="cmarquee02" width=&{marqueewidth}; height=&{marqueeheight};></layer>
</ilayer>
</center>
在 var marqueewidth=150 中修改跑馬燈的寬度(請填寫最寬的) |
在 var marqueeheight=50 中修改跑馬燈的高度 |
在 var speed=1 中修改跑馬燈的速度 |
自行增加修改連結的內容,但切記不可斷行 |
uuiop6623 發表在 痞客邦 留言(0) 人氣()