語法展示::
http://home.graffiti.net/vsphyfg/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。<p align="center">
<table border="0" width="179" id="myexample" style="border: 5px solid yellow" height="25">
<tr>
<td height="20" valign="center" width="168">
<font size="3">歡迎光臨紫蓮の翼 http://blog.pixnet.net/como0925</font>
</td>
</tr>
</table>
<script language="JavaScript1.2">
<!--
function flashit(){
if (!document.all)
return
if (myexample.style.borderColor=="blue")
myexample.style.borderColor="red"
else
myexample.style.borderColor="blue"
}
setInterval("flashit()", 500)
//-->
</script>
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(148)
語法展示::
http://home.graffiti.net/wjkgfgfbf/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。 <SCRIPT type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
filterEl = el.children[0];
valueEl = el.children[1];if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}filterEl.style.width = v + "%";
valueEl.innerText = v + "%";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete") {
step = step + v;
filterEl = el.children[0];
valueEl = el.children[1];if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = "";
filterEl.style.filter = filterBackup;
}filterEl.style.width = step + "%";
valueEl.innerText = step + "%"
inforEl.innerText = message;
}
}function fakeProgress(v, el) {
if (v >= 101)
location.href="http://sheng.phy.nknu.edu.tw/"; _fcksavedurl=""http://blog.pixnet.net/como0925"; " //載入網址
else {setSB(v, el, infor, "載入中，請稍候...") //載入說明
window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 80);
}
}
//-->
</SCRIPT>
<DIV align=center>
<DIV id=sb style="BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #99ccff; BORDER-LEFT: medium none; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left">
<DIV id=sbChild1 style="FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px">
<DIV style="BACKGROUND: #000000; WIDTH: 100%" ;height:12px; overflow:hidden></DIV></DIV>
<DIV style="FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center">
</DIV></DIV>
<!-- Status Bar Ends -->
<P></P>
<DIV id=infor style="FONT-SIZE: 30px; WIDTH: 100%; COLOR: #999999; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center">
</DIV></DIV>
將以下程式碼複製，貼在<body >標籤裡面。
onload=fakeProgress(0,sb)
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(294)
語法展示:: http://home.graffiti.net/lghfdgsfsfds/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
var limit="1:15"
if (document.images){
var parselimit=limit.split(":")
parselimit=parselimit[0]*60+parselimit[1]*1
}
function begintimer(){
if (!document.images)
return
if (parselimit==1)
window.location="225.htm"
else{
parselimit-=1
curmin=Math.floor(parselimit/60)
cursec=parselimit%60
if (curmin!=0)
curtime="你尚有 "+curmin+" 分 "+cursec+" 秒可瀏覽"
else
curtime="你只剩 "+cursec+" 秒就需離開喔"
window.status=curtime
setTimeout("begintimer()",1000)
}
}
-->
</script>
| 在 var limit="1:15" 中修改限定的瀏覽時間 |
| 在 window.location="225.htm" 中修改時間到後要前往的網頁 |
| 在 curtime="你尚有 "+curmin+" 分 "+cursec+" 秒可瀏覽" 中修改時間剩下一分鐘以上時的提示訊息 |
| 在 curtime="你只剩 "+cursec+" 秒就需離開喔" 中修改時間剩下六十秒以下時的提示訊息 |
將以下程式碼複製，貼在<body >標籤裡面。
onload="begintimer()" 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(167)
語法展示:: http://home.graffiti.net/swdffdgd/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="i1" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<script language="JavaScript1.2">
<!--
var speed=20
if (document.layers){
var reference=window.innerWidth/window.innerHeight
var temp=eval("document.i1.clip")
temp.left=temp.top=0
temp.right=window.innerWidth
temp.bottom=window.innerHeight
}
else if (document.all){
var reference=document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=document.all.i1.style
topclip=leftclip=0
rightclip=temp.width=document.body.clientWidth
bottomclip=temp.height=document.body.clientHeight
}
function doit(){
window.scrollTo(0,0)
if (document.layers){
if (temp.left>window.innerWidth/2)
clearInterval(stopit)
temp.left+=reference*speed
temp.top+=speed
temp.right-=reference*speed
temp.bottom-=speed
}
else if (document.all){
if (leftclip>document.body.clientWidth/2)
clearInterval(stopit)
temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
}
stopit=setInterval("doit()",100)
-->
</script>
| 在 (11905510852.jpg) 中修改四方的底圖 |
| 在 var speed=20 中修改特效的速度 |
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style> 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(103)
語法展示:: http://home.graffiti.net/jgfgfdsesafdaea/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="i1" class="intro" style="background-color: #FF00FF"></div>
<script language="JavaScript1.2">
<!--
var speed=20
if (document.layers){
var reference=window.innerWidth/window.innerHeight
var temp=eval("document.i1.clip")
temp.left=temp.top=0
temp.right=window.innerWidth
temp.bottom=window.innerHeight
}
else if (document.all){
var reference=document.body.clientWidth/document.body.clientHeight
var rightclip,leftclip,topclip,bottomclip
var temp=document.all.i1.style
topclip=leftclip=0
rightclip=temp.width=document.body.clientWidth
bottomclip=temp.height=document.body.clientHeight
}
function doit(){
window.scrollTo(0,0)
if (document.layers){
if (temp.left>window.innerWidth/2)
clearInterval(stopit)
temp.left+=reference*speed
temp.top+=speed
temp.right-=reference*speed
temp.bottom-=speed
}
else if (document.all){
if (leftclip>document.body.clientWidth/2)
clearInterval(stopit)
temp.clip="rect( "+topclip+" "+rightclip+" "+bottomclip+" "+leftclip+")"
leftclip+=reference*speed
topclip+=speed
rightclip-=reference*speed
bottomclip-=speed
}
}
stopit=setInterval("doit()",100)
-->
</script>
| 在 style="background-color: #FF00FF" 中修改四方的顏色 |
| 在 var speed=20 中修改特效的速度 |
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style> 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(101)
語法展示:: http://home.graffiti.net/kjghjghjgf/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="i1" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i2" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<script language="JavaScript1.2">
<!--
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/2
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth/2
temp[i].height=document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>window.innerWidth/2)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
-->
</script>
| 在 (11905510852.jpg) 中修改左右條的底圖 |
| 在 var speed=20 中修改特效的速度 |
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style> 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(91)
語法展示:: http://home.graffiti.net/lkhhhdfxhd/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="i1" class="intro" style="background-color: #FFFFFF"></div>
<div id="i2" class="intro" style="background-color: #FFFFFF"></div>
<script language="JavaScript1.2">
<!--
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/2
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (document.all){
var clipright=document.body.clientWidth/2,clipleft=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth/2
temp[i].height=document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].right-=speed
temp[2].left+=speed
if (temp[2].left>window.innerWidth/2)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
temp[1].clip="rect(0 "+clipright+" auto 0)"
clipleft+=speed
temp[2].clip="rect(0 auto auto "+clipleft+")"
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
-->
</script>
| 在 style="background-color: #FFFFFF" 中修改左右條的顏色 |
| 在 var speed=20 中修改特效的速度 |
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style> 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(80)
語法展示::
http://home.graffiti.net/ghjghjf22we/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="i1" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i2" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i3" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i4" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i5" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i6" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i7" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i8" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<script language="JavaScript1.2">
<!--
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/8-0.3
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight,cliptop=0
for (i=1;i<=8;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth/8
temp[i].height=document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
temp[i].bottom-=speed
for (i=2;i<=8;i=i+2)
temp[i].top+=speed
if (temp[2].top>window.innerHeight)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 auto+"+clipbottom+" 0)"
}
cliptop+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect("+cliptop+" auto auto)"
}
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
-->
</script>
| 在 (11905510852.jpg) 中修改垂直條的底圖 |
| 在 var speed=20 中修改特效的速度 |
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style>紫蓮の翼 發表在 痞客邦 留言(0) 人氣(69)
語法展示:: http://home.graffiti.net/svfdgfdeee/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<body>及</body>標籤之間。
<div id="i1" class="intro" style="background-color: #0000FF"></div>
<div id="i2" class="intro" style="background-color: #0000FF"></div>
<div id="i3" class="intro" style="background-color: #0000FF"></div>
<div id="i4" class="intro" style="background-color: #0000FF"></div>
<div id="i5" class="intro" style="background-color: #0000FF"></div>
<div id="i6" class="intro" style="background-color: #0000FF"></div>
<div id="i7" class="intro" style="background-color: #0000FF"></div>
<div id="i8" class="intro" style="background-color: #0000FF"></div>
<script language="JavaScript1.2">
<!--
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=8;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth/8-0.3
temp[i].height=window.innerHeight
temp2[i].left=(i-1)*temp[i].width
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight,cliptop=0
for (i=1;i<=8;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth/8
temp[i].height=document.body.offsetHeight
temp[i].left=(i-1)*parseInt(temp[i].width)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
temp[i].bottom-=speed
for (i=2;i<=8;i=i+2)
temp[i].top+=speed
if (temp[2].top>window.innerHeight)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 auto+"+clipbottom+" 0)"
}
cliptop+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect("+cliptop+" auto auto)"
}
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
-->
</script>
| 在 style="background-color: #0000FF" 中修改垂直條的顏色 |
| 在 var speed=20 中修改特效的速度 |
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style> 紫蓮の翼 發表在 痞客邦 留言(0) 人氣(68)
語法展示::
http://home.graffiti.net/hhghdgdg/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style>將以下程式碼複製，貼在<body>及</body>標籤之間。<div id="i1" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<div id="i2" class="intro" style="background:url(11905510852.jpg); border: 1px none"></div>
<script language="JavaScript1.2">
<!--
var speed=20
var temp=new Array()
var temp2=new Array()
if (document.layers){
for (i=1;i<=2;i++){
temp[i]=eval("document.i"+i+".clip")
temp2[i]=eval("document.i"+i)
temp[i].width=window.innerWidth
temp[i].height=window.innerHeight/2
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipbottom=document.body.offsetHeight/2,cliptop=0
for (i=1;i<=2;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.offsetHeight/2
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
temp[1].bottom-=speed
temp[2].top+=speed
if (temp[1].bottom<=0)
clearInterval(stopit)
}
else if (document.all){
clipbottom-=speed
temp[1].clip="rect(0 auto+"+clipbottom+" 0)"
cliptop+=speed
temp[2].clip="rect("+cliptop+" auto auto)"
if (clipbottom<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
-->
</script>
| 在 (../photo/body1.gif) 中修改上下條的底圖 |
| 在 var speed=20 中修改特效的速度 |
紫蓮の翼 發表在 痞客邦 留言(0) 人氣(77)
網頁特效語法 (11)