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

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

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


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

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


<script language="JavaScript">
<!--
 n = 350
 function scrolldown(){
 for (I=1; I<=n; I++){
parent.scroll(1,I);
}
}
function scrollup(){
for (I=n; I>=1; I--){
parent.scroll(n,I);
}
}
-->
</script>
<center>
<form>
<input type=button value="向下捲動" onClick="scrolldown()">
</form>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<form>
<input type=button value="向上捲動" onClick="scrollup()">
</form>
</center>


在 n = 350 中修改捲軸捲動的距離

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

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

<script language="JavaScript1.2">
<!--
var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollTop
else
temp=window.pageYOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollTop+speed
else
currentpos=window.pageYOffset+speed
window.scroll(0,currentpos)
}
else{
currentpos=0
window.scroll(0,currentpos)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
-->
</script>

 在var speed=1 中修改捲軸捲動的速度

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

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

<script language="JavaScript1.2">
<!--
var speed=2
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp=document.body.scrollLeft
else
temp=window.pageXOffset
if (alt==0)
alt=1
else
alt=0
if (alt==0)
curpos1=temp
else
curpos2=temp
if (curpos1!=curpos2){
if (document.all)
currentpos=document.body.scrollLeft+speed
else
currentpos=window.pageXOffset+speed
window.scroll(currentpos,0)
}
else{
currentpos=0
window.scroll(currentpos,0)
}
}
function startit(){
setInterval("scrollwindow()",10)
}
window.onload=initialize
-->
</script>


在 var speed=2 中修改捲軸捲動的速度

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

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

<script language="JavaScript">
<!--
var position = 0;
function scroller() {
 if (position !=300) {
  position++; parent.scroll(100,position);clearTimeout(timer);
  var timer = setTimeout("scroller()",0); timer;
   }
}
-->
</script>

在 if (position !=300) 中修改捲軸捲動的距離

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

 onload="scroller()"

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

▲top

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


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

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


<div id="splashcontainer" style="position:absolute;width:350"></div>
<layer id="splashcontainerns" width=450></layer>
<script language="JavaScript">
<!--
var intervals=3000
var targetdestination="174-3.htm"
var splashmessage=new Array()
var openingtags='<font face="細明體" color="#FF0000" size="3">'
splashmessage[0]="這是一個很不錯的特效喔"
splashmessage[1]="在開啟網頁之前"
splashmessage[2]="會先來一段話"
splashmessage[3]="非常適合用於首頁"
splashmessage[4]="介紹自己的網站"
var closingtags='</font>'
var i=0
function displaysplash_ie(){
if (i<splashmessage.length){
sc_ie.style.visibility="hidden"
sc_ie.innerHTML='<b><center>'+openingtags+splashmessage[i]+closingtags+'</center></b>'
sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2
sc_ie.style.visibility="visible"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash_ie()",intervals)
}
function displaysplash_ns(){
if (i<splashmessage.length){
sc_ns.visibility="hide"
sc_ns.document.write('<b>'+openingtags+splashmessage[i]+closingtags+'</b>')
sc_ns.document.close()
sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2
sc_ns.visibility="show"
i++
}
else{
window.location=targetdestination
return
}
setTimeout("displaysplash_ns()",intervals)
}
function positionsplashcontainer(){
if (document.all){
sc_ie=document.all.splashcontainer
sc_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-sc_ie.offsetWidth/2
sc_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-sc_ie.offsetHeight/2
displaysplash_ie()
}
else if (document.layers){
sc_ns=document.splashcontainerns
sc_ns.left=pageXOffset+window.innerWidth/2-sc_ns.document.width/2
sc_ns.top=pageYOffset+window.innerHeight/2-sc_ns.document.height/2
sc_ns.visibility="show"
displaysplash_ns()
}
else
window.location=targetdestination
}
window.onload=positionsplashcontainer
-->
</script>

在 var intervals=3000 中修改文字間隔的時間(每1秒=1000)
在 var targetdestination="174-3.htm" 中修改真正要前往的網頁
在 <font face="細明體" color="#FF0000" size="3"> 中修改文字的字體、顏色、大小
自行修改想秀的文字

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

▲top

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


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

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


<center>
<a href="JavaScript:self.close()">OK！現在可直接按我關閉視窗喔..</a>
</center>

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

▲top


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

<style>
<!--
body{font-family:verdana, arial, sans serif;font-size:x-small;background:#D8D0C8}
input{HEIGHT:25px;WIDTH:50px}
textarea{WIDTH:495px;HEIGHT:260px}
-->
</style>
<script language="JavaScript">
<!--
function leave(bOol){
window.returnValue = bOol;
window.close();
}
-->
</script>


在 textarea{WIDTH:495px;HEIGHT:260px} 中修改訊息欄的寬度及高度

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


<center>
<TEXTAREA id=TEXTAREA1>在您進入此頁之前，您必須同意以下兩點聲明：
1.您必須同意紫蓮の翼是最棒的。
2.您必須同意站長是最帥的。</TEXTAREA>
<BR>按同意進入，不同意離開！<BR><BR>
<INPUT tabIndex=1 type=button value=同意 onclick="leave(true);">
<INPUT tabIndex=2 type=button value=不同意 onclick="leave(false);">
</center> 


在 <TEXTAREA id=TEXTAREA1>......</TEXTAREA> 中修改訊息的內容

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

<center>
<a onClick="if(!showModalDialog(',http://blog.pixnet.net/como0925'','dialog-height:0px;dialog-width:0px'))return false;"  href="http://blog.pixnet.net/como0925">進入</a>
</center>

在 showModalDialog('270-2.htm'...... 中修改特效頁的網頁名稱
在 href="270-3.htm" 中修改連結的名稱位置

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

▲top

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


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

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

<center>
<form method="POST">
<input type="button" name="B2" value="站長是帥哥" onClick="alert('謝謝啦！^_^');">
<input type="button" name="B1" value="站長是白痴" onClick="if(confirm('你再考慮一次！')) alert('你不想混啦？'); else alert('這才像話......');">
</form>
</center>


在 <input type="button" name="B2" value="站長是帥哥" onClick="alert('謝謝啦！^_^');"> 中修改第一個按鈕文字及互動對話
在 <input type="button" name="B1" value="站長是白痴" onClick="if(confirm('你再考慮一次！')) alert('你不想混啦？'); else alert('這才像話......');"> 中修改第二個按鈕文字及互動對話

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

▲top

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


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

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

<div id="showimage" style="position:absolute;width:250;left:120;top:160">
<table width="100%" height="100%" border="1" bordercolor="#0080FF" cellspacing="0" cellpadding="2">
<tr bgcolor="#0080FF">
<td width="100%" onMousedown="initializedragie()">
<ilayer onSelectStart="return false">
<layer onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0">
<ilayer>
<layer onMouseover="dragswitch=1;drag_dropns(showimage)" onMouseout="dragswitch=0">
<font face="細明體" size="3" color="#FFFFFF">浮動視窗</font>
</layer>
</ilayer>
</layer>
</ilayer>
</td>
<td>
<a href="#" onClick="hidebox();return false"><img src="01.gif" border="0"></a>
</td>
</tr>
<tr>
<td colspan="2">
<font face="細明體" size="2" color="#80BFFF">這是個浮動的視窗！在此視窗標題列上按著滑鼠左鍵不放可拉著到處跑，也可關閉這個視窗喔 ^_^</font>
</td>
</tr>
</table>
</div>


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


<script language="JavaScript1.2">
<!--
var dragswitch=0
var nsx
var nsy
var nstemp
function drag_dropns(name){
temp=eval(name)
temp.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP)
temp.onmousedown=gons
temp.onmousemove=dragns
temp.onmouseup=stopns
}
function gons(e){
temp.captureEvents(Event.MOUSEMOVE)
nsx=e.x
nsy=e.y
}
function dragns(e){
if (dragswitch==1){
temp.moveBy(e.x-nsx,e.y-nsy)
return false
}
}
function stopns(){
temp.releaseEvents(Event.MOUSEMOVE)
}
var dragapproved=false
function drag_dropie(){
if (dragapproved==true){
document.all.showimage.style.pixelLeft=tempx+event.clientX-iex
document.all.showimage.style.pixelTop=tempy+event.clientY-iey
return false
}
}
function initializedragie(){
iex=event.clientX
iey=event.clientY
tempx=showimage.style.pixelLeft
tempy=showimage.style.pixelTop
dragapproved=true
document.onmousemove=drag_dropie
}
if (document.all){
document.onmouseup=new Function("dragapproved=false")
}
function hidebox(){
if (document.all)
showimage.style.visibility="hidden"
else if (document.layers)
document.showimage.visibility="hide"
}
-->
</script>


不要忘記付件也要一起帶回家喔~!!......     >>>>>>我是附件帶我回家<<<<<<<

下載後解壓縮，將圖檔置於網頁同一目錄下

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

▲top

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


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

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

<script language="JavaScript">
<!--
var flyingwin
var popupwidth=500
var popupheight=200
var marginright
var windowcenter
var i_top=200
var i_left=-popupwidth-50
var step=40
var timer
var waitingtime=3000
var pause=20
function showWindow() {
 flyingwin = window.open("", "flyingwin", "toolbar=no,width="+popupwidth+",height="+popupheight+",top=100,left="+(-popupwidth)+"");
 flyingwin.document.open();
 flyingwin.document.write('<html>\n<head>\n<title>漂浮視窗<\/title>\n<meta http-equiv="Content-Type" content="text/html; charset=big5">\n<\/head>\n<body bgcolor="#FFEAD5" text="#804000">\n<center>我在這裡我在這裡！<br>看到了沒......^_^\n<\/center>\n<\/body>\n<\/html>');
 flyingwin.document.close(); 
 if (document.all) {
  marginright = screen.width+50
 }
 if (document.layers) {
  marginright = screen.width+50
 }
 windowcenter=Math.floor(marginright/2)-Math.floor(popupwidth/2)
 movewindow()
  
}
function movewindow() {
  if (i_left<=windowcenter) {
   flyingwin.moveTo(i_left,i_top)
   i_left+=step
   timer= setTimeout("movewindow()",pause)
  }
  else {
   clearTimeout(timer)
   timer= setTimeout("movewindow2()",waitingtime)
  }
}
function movewindow2() {
  if (i_left<=marginright) {
   flyingwin.moveTo(i_left,i_top)
   i_left+=step
   timer= setTimeout("movewindow2()",pause)
  }
  else {
   clearTimeout(timer)
   flyingwin.close()
  }
}
-->
</script>


在 var popupwidth=500 中修改漂浮視窗的寬度
在 var popupheight=200 中修改漂浮視窗的高度
在 var waitingtime=3000 中修改漂浮視窗停留時間(每1秒=1000)
在 flyingwin.document.write("<html>......</html>"); 中修改漂浮視窗內部語法，但切記不可斷行


將下列語法貼於<body>之中

 onload=showWindow()

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

▲top

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


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

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


<center>
<a href="http://blog.pixnet.net/como0925"; onClick="moveWin()">按我看特效</a>
</center>


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


<script language="JavaScript">
<!--
function moveWin() {
for (var i = 1; i < 1001; i++)
window.moveBy(1, 1);
window.moveBy(-1000, -1000);
}
-->
</script>

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

▲top

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


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

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


<script language="JavaScript">
<!--
function drop(n) {
if(self.moveBy){
self.moveBy (0,-900);
for(i = n; i > 0; i--){
self.moveBy(0,3);
}
for(j = 8; j > 0; j--){
self.moveBy(0,j);
self.moveBy(j,0);
self.moveBy(0,-j);
self.moveBy(-j,0);
}
}
}
-->
</script>


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

 onload=drop(300)

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

▲top

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


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

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

<script language="JavaScript">
<!--
function wenchinannie(website) {
var heightspeed = 5;
var widthspeed = 10;
var leftdist = 0;
var topdist = 0;
if (document.all) {
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=1,height=1,scrollbars=yes,resizable=yes");
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {
sizer.resizeTo("1", sizeheight);
}
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {
sizer.resizeTo(sizewidth, sizeheight);
}
sizer.location = website;
}
else
window.location = website;
}
-->
</script>


在 var heightspeed = 5; 中修改垂直滾動的速度
在 var widthspeed = 10; 中修改水平滾動的速度
在 var leftdist = 0; 中修改特效頁距離視窗左方開啟的距離
在 var topdist = 0; 中修改特效頁距離視窗上方開啟的距離


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

<center>
<a href="#" onClick="wenchinannie('http://blog.pixnet.net/como0925');return false;">按我看特效</a>
</center>

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

▲top

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


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


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

<script language="JavaScript">
<!--
function expand() {
for(x = 0; x < 50; x++) {
window.moveTo(screen.availWidth * -(x - 50) / 100, screen.availHeight * -(x - 50) / 100);
window.resizeTo(screen.availWidth * x / 50, screen.availHeight * x / 50);
}
window.moveTo(0,0);
window.resizeTo(screen.availWidth, screen.availHeight);
}
-->
</script>


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

<center>
<a href="http://blog.pixnet.net/como0925" onClick="expand();" target="_blank">按我看特效</a>
</center>

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

▲top

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


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


將下列語法貼於<body>之中

 onUnload="bye()"


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


<script language="Javascript">
<!--
pageOpen = new Date();
function bye() {
pageClose = new Date();
minutes = (pageClose.getMinutes() - pageOpen.getMinutes());
seconds = (pageClose.getSeconds() - pageOpen.getSeconds());
time = (seconds + (minutes * 60));
if (time == 1) {
time = (time + " 秒");
}
else {
time = (time + " 秒");
   }
alert('您在本頁停留了' + time + '...歡迎再來!');
}
-->
</script>

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

▲top

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


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

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

<script language="JavaScript">
<!--
function UserExit(){
alert("這麼快就要走了？\n\n掰掰有空再來~");
}
-->
</script>

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

 onUnload="UserExit()"

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

▲top

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


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

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


<script language="JavaScript1.2">
<!--
function java(){
alert("這個就是歡迎視窗\n\n好玩吧！");
}
function LoadFunctions(){
java();
}
-->
</script>


自行修改對話內容；可加入\n斷行


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


 onLoad="LoadFunctions()"

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

▲top

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


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


將下列語法貼於<body>之中

 id="tickertape"


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

<script language="JavaScript1.2">
<!--
if (document.all)
document.body.style.cssText="border:10 ridge #FFFF00"
-->
</script>


在 border:10 中修改彩框的粗細
在 #FFFF00 中修改彩框的顏色

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

▲top

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


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

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

<center>
<a href="JavaScript:openIT()">按我試試看吧 ^_^</a>
</center>


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


<script language="JavaScript">
<!--
function openchromeless(theURL, wname, W, H) {
 var windowW = W;
 var windowH = H;
 var windowX = Math.ceil( (window.screen.width  - windowW) / 2 );
 var windowY = Math.ceil( (window.screen.height - windowH) / 2 );
 if (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion)>=4) isie=true
 else                isie=false
 if (isie) { H=H+20+2; W=W+2; }
 s = ",width="+W+",height="+H;
 if (isie) {
  splashWin = window.open( "" , wname, "fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0"+s)
  splashWin.resizeTo( Math.ceil( W )       , Math.ceil( H ) )
  splashWin.moveTo  ( Math.ceil( windowX ) , Math.ceil( windowY ) )
  splashWin.document.open("text/html", "replace");
  splashWin.document.write("<html><style type='text/css'>\n");
  splashWin.document.write("body                  { border: 1px solid #000000; overflow: hidden; margin: 0pt;}");
  splashWin.document.write("#stillloadingDiv  { position: absolute; left: 0px; top: 0px; width: 100%px; height: 19px; z-index: 1; background-color: #C0C0C0; layer-background-color: #C0C0C0; clip:rect(0,100%,19,0);}");
  splashWin.document.write("</style>\n");
  splashWin.document.write("<body onload=\"top.document.location.replace('"+theurl+"')\" TOPMARGIN=0 LEFTMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 scroll='no'>");
  splashWin.document.write("<div id=stillloadingDiv><table width=100% height=22 cellspacing=0 cellpadding=0><tr><td align=left valign=middle width=100%><FONT size=1 face=verdana color=#000000>讀取中...如無法開啟請按 Ctrl+Alt+Del 關閉</font></td></tr></table></div>");
  splashWin.document.write("</body></html>");
  splashWin.document.close();
 }
 else    var splashWin = window.open(theURL, wname, "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=1"+s, true)
 splashWin.focus();
}
function openIT() {
 theurl="http://blog.pixnet.net/como0925"
 wname ="CHROMELESSWIN"
 W=600;
 H=200;
 openchromeless(theurl, wname, W, H)
}
-->
</script>


在 theurl="130-2.htm" 中修改第二個視窗的網址
在 W=600; 中修改無框視窗的寬度
在 H=200; 中修改無框視窗的高度
 
注意：因本特效無IE外框，
記得加個關閉按鈕！

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

▲top

將下列語法貼於第一個網頁的</head>之前

<script language="JavaScript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=500,height=200,resizable=1,scrollbars=auto');
if (popup != null) {
if (popup.opener == null) {
popup.opener = self;
}
popup.location.href = '156-2.htm';
}
-->
</script>


在 width=500,height=200 中修改視窗的大小
在 popup.location.href = '156-2.htm'; 中修改視窗的位置




將下列語法貼於第二個網頁的</head>之前


<script language="JavaScript">
<!--
setTimeout("self.close();",10000)
-->
</script>

在 ("self.close();",10000) 中修改自動關閉的等待時間(每1秒=1000)

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

▲top
«12 3