目前分類:網頁語法特效~視窗 (48)

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

語法展示::   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)

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

語法展示::  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()"

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

語法展示::  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>

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

語法展示::   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>

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

語法展示::  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>

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

語法展示::  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>

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

語法展示::  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>

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

語法展示::  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>

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

語法展示::   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 中修改特效的速度

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

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


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

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

<div id="i1" class="intro" style="background-color: #FF0000"></div>
<div id="i2" class="intro" style="background-color: #FF0000"></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>

style="background-color: #FF0000" 中修改上下條的顏色
var speed=20 中修改特效的速度


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

<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style>

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

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


請用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
temp[i].height=window.innerHeight/8
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipright=document.body.clientWidth,clipleft=0
for (i=1;i<=8;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.offsetHeight/8
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
temp[i].right-=speed
for (i=2;i<=8;i=i+2)
temp[i].left+=speed
if (temp[2].left>window.innerWidth)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=speed
for (i=2;i<=8;i=i+2){
temp[i].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>

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

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


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

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


<div id="i1" class="intro" style="background-color: #6633ff"></div>
<div id="i2" class="intro" style="background-color: #000000"></div>
<div id="i3" class="intro" style="background-color: #6633ff"></div>
<div id="i4" class="intro" style="background-color: #000000"></div>
<div id="i5" class="intro" style="background-color: #6633ff"></div>
<div id="i6" class="intro" style="background-color: #000000"></div>
<div id="i7" class="intro" style="background-color: #6633ff"></div>
<div id="i8" class="intro" style="background-color: #000000"></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
temp[i].height=window.innerHeight/8
temp2[i].top=(i-1)*temp[i].height
}
}
else if (document.all){
var clipright=document.body.clientWidth,clipleft=0
for (i=1;i<=8;i++){
temp[i]=eval("document.all.i"+i+".style")
temp[i].width=document.body.clientWidth
temp[i].height=document.body.offsetHeight/8
temp[i].top=(i-1)*parseInt(temp[i].height)
}
}
function openit(){
window.scrollTo(0,0)
if (document.layers){
for (i=1;i<=8;i=i+2)
temp[i].right-=speed
for (i=2;i<=8;i=i+2)
temp[i].left+=speed
if (temp[2].left>window.innerWidth)
clearInterval(stopit)
}
else if (document.all){
clipright-=speed
for (i=1;i<=8;i=i+2){
temp[i].clip="rect(0 "+clipright+" auto 0)"
}
clipleft+=speed
for (i=2;i<=8;i=i+2){
temp[i].clip="rect(0 auto auto "+clipleft+")"
}
if (clipright<=0)
clearInterval(stopit)
}
}
function gogo(){
stopit=setInterval("openit()",100)
}
gogo()
-->
</script>


style="background-color: #000000" 中修改水平條的顏色
var speed=20 中修改特效的速度


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

<style>
<!--
.intro{
position:absolute;
left:0;
top:0;
}
-->
</style>

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

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


<script language="JavaScript">
<!--
if (top != self)
top.location.href="http://blog.pixnet.net/como0925"
-->
</script>


在top.location.href=http://blog.pixnet.net/como0925   修改成自己的網址即可

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

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


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

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


<script language="JavaScript">
<!--
var destination="http://blog.pixnet.net/como0925"
var hotkey=42
if (document.layers)
document.captureEvents(Event.KEYPRESS)
function backhome(e){
if (document.layers){
if (e.which==hotkey)
window.location=destination
}
else if (document.all){
if (event.keyCode==hotkey)
window.location=destination
}
}
document.onkeypress=backhome
-->
</script>


var destination="http://www.yam.com/" 中修改熱鍵輸入正確後連結的網址
var hotkey=42 中修改所使用的按鍵

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

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


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

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

 

 

<script language="JavaScript1.2">
<!--
var msg = "您輸入的密碼正確!";
var url = "http://tw.yahoo.com/";
function initArray() {
 this.length = initArray.arguments.length;
 for (var i = 0; i < this.length; i++) {
  this[i] = initArray.arguments[i];
 }
}
var password = new initArray(49,50,51,52);
var pass_count=0;
var cancel_key=27;
if (document.layers) document.captureEvents(Event.KEYPRESS)
function backhome(e){
 if (document.layers){
 //if (navigator.appName == "Netscape"){
  if (e.which==password[pass_count]) {
   checkpassword();
  }
  else {
   pass_count=0;
  }
 }
 else if (document.all){
  if (event.keyCode==password[pass_count]){
   checkpassword();
  }
  else {
   pass_count=0;
  } 
 }
}
document.onkeypress=backhome
function checkpassword() {
 pass_count++;
 if(pass_count>=password.length) {
  if(confirm(msg)) window.location=url;
 }
}
-->
</script>


var msg = "您輸入的密碼正確!"; 中修改密碼輸入正確後所得到的訊息
var url = "http://tw.yahoo.com/"; 中修改密碼輸入正確後連結的網址
var password = new initArray(49,50,51,52); 中修改所使用的密碼

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

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


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

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


<script language="JavaScript">  
<!--
function passWord() {  
var testV = 1;  
var pass1 = prompt('請輸入密碼!',' ');  
while (testV < 3) {  
if (!pass1)   
history.go(-1);  
if (pass1.toLowerCase() == "abcdefg") {  
alert('密碼正確!歡迎光臨 紫蓮の翼);  
window.open('http://blog.pixnet.net/como0925');  
break;  
}   
testV+=1;  
var pass1 =   
prompt('密碼錯誤!!.','Password');  
}  
if (pass1.toLowerCase()!="password" & testV ==3)   
history.go(-1);  
return " ";  
}   
-->
</script>
<center>
<form>  
<input type="button" value="會員入口" onClick="passWord()">  
</form>
</center>


var pass1 = prompt('請輸入密碼!',' '); 中修改密碼輸入提示語
(pass1.toLowerCase() == "abcdefg") 中修改驗證密碼
alert('密碼正確!歡迎光臨 Yahoo!奇摩'); 中修改密碼正確歡迎語
window.open('http://tw.yahoo.com/'); 中修改輸入正確後,前往的網頁
prompt('密碼錯誤!!.','Password'); 中修改密碼錯誤警告語
value="會員入口" 中修改入口按鈕文字

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

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


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


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

<script language="JavaScript">
<!--
function Login(){
var done=0;
var username=document.login.username.value;
username=username.toLowerCase();
var password=document.login.password.value;
password=password.toLowerCase();
if (username=="123" && password=="456") { window.location="http://blog.pixnet.net/como0925"; done=1; }
if (done==0) { alert("打錯啦......!!"); }
}
-->
</script>

預設帳號123 密碼456

username=="123" 中修改登入帳號
password=="456" 中修改驗證密碼
window.location="http://tw.yahoo.com/"; 中修改輸入正確後,前往的網頁
可無限增加 if (username=="123" && password=="456") { window.location="http://tw.yahoo.com/"; done=1; } 以設定哪組帳號密碼前往哪個網頁
if (done==0) { alert("打錯啦......!!"); } 中修改輸入錯誤時出現的訊息

 

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

<center>
<form name=login>
<table width=230 border=1 cellpadding=5>
<tr><td colspan=2><center><font size="+2"><b>會員登入</b></font></center></td></tr>
<tr><td>帳號:</td><td><input type=text name=username></td></tr>
<tr><td>密碼:</td><td><input type=password name=password></td></tr>
<tr><td colspan=2 align=center><input type=button value=" 登入 " onClick="Login()"></td></tr>
</table>
</form>
</center>

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

  • May 22 Thu 2008 17:36
  • 地震

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

畫面會抖動喔
請用IE6.0或更新版本觀看語法特效展示

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

<script language="JavaScript1.2">
<!--
var quakeID=0;
var deltaX=0;
var deltaY=0;
function tremor(dir) { // -10 to 10
with(Math) return ceil(random()*10)*2*(floor(random()*2)-.5);
}
function winQuake() {
clearTimeout(quakeID);
for (i=0;i<=((Math.random()*35)+5);i++) {
  xShift = tremor();
  yShift = tremor();
  window.moveBy(xShift,yShift);
  deltaX -= xShift;
  deltaY -= yShift;
  }
winReset();
quakeID=setTimeout("winQuake()",Math.ceil(Math.random()*3500)+250);
}
function winReset() {
window.moveBy(deltaX,deltaY);
deltaX=0; deltaY=0;
}
window.onload=winQuake;
window.onunload=winReset;
-->
</script>
<center>
<a href="JavaScript:if(window.quakeID)clearTimeout(quakeID)">停止</a>
<br><br>
<a href="JavaScript:if(window.winQuake)winQuake()">再試一次!</a>
</center>

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

 onload="restart()"

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

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


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

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

<script language="JavaScript">
<!--
var scrollPct, prevStep, nextStep, interStep
steps = new Array();
steps[0] = new Array(255,0,0);
steps[1] = new Array(255,128,0);
steps[2] = new Array(255,255,0);
steps[3] = new Array(0,255,0);
steps[4] = new Array(0,0,255);
steps[5] = new Array(128,0,255);
steps[6] = new Array(255,0,255);
function newColor(chan) {
 var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan]));
 return i;
 }
function scrollFunk() {
scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight);
 prevStep=Math.floor(scrollPct);
 nextStep=Math.ceil(scrollPct);
 interStep=scrollPct-prevStep;
 var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")";
 var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")";
 if (document.body.style.scrollbarTrackColor != null) {
  document.body.style.scrollbarFaceColor=newRGB;
  document.body.style.scrollbarTrackColor=invRGB;
  }
 }
window.onscroll=scrollFunk;
-->
</script>



steps[0] = new Array(255,0,0); 中自行修改喜愛的顏色

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

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


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

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


<center>
<a href="#" onMouseOver="changeScrollbarColor('#FF0000')">紅色</a>│
<a href="#" onMouseOver="changeScrollbarColor('#FF8000')">橘色</a>│
<a href="#" onMouseOver="changeScrollbarColor('#FFFF00')">黃色</a>│
<a href="#" onMouseOver="changeScrollbarColor('#00FF00')">綠色</a>│
<a href="#" onMouseOver="changeScrollbarColor('#0000FF')">藍色</a>│
<a href="#" onMouseOver="changeScrollbarColor('#8000FF')">靛色</a>│
<a href="#" onMouseOver="changeScrollbarColor('#FF00FF')">紫色</a>
<center>


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

<script language="JavaScript">
<!--
function changeScrollbarColor(C) {
if (document.all) {
document.body.style.scrollbarBaseColor = C;
   }
}
-->
</script>

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

1 23