上一頁 < 1 2 3 4 5 6 7 8 9 10 > 下一頁 | 最後一頁 2/11
檢視方式: 列表 摘要
字跟著滑鼠走
gill1023 在天空部落發表於22:45:43 | J.文字效果
<style>
<!--
.spanstyle {position:absolute;visibility:visible;}
-->
</style>

</head>

<script>//START:字跟著滑鼠走
var x,y
var step=20
var flag=0
var message="http://ps.saycoo.com/"
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50}
function handlerMM(e){
    x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
    y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
    flag=1}
function makesnake() {
    if (flag==1 && document.all) {
        for (i=message.length-1; i>=1; i--) {
        xpos[i]=xpos[i-1]+step
        ypos[i]=ypos[i-1]        }
        xpos[0]=x+step
        ypos[0]=y
        for (i=0; i<message.length-1; i++) {
        var thisspan = eval("span"+(i)+".style")
        thisspan.posLeft=xpos[i]
        thisspan.posTop=ypos[i]        }    }
    else if (flag==1 && document.layers) {
        for (i=message.length-1; i>=1; i--) {
        xpos[i]=xpos[i-1]+step
        ypos[i]=ypos[i-1]        }
        xpos[0]=x+step
        ypos[0]=y
        for (i=0; i<message.length-1; i++) {
        var thisspan = eval("document.span"+i)
        thisspan.left=xpos[i]
        thisspan.top=ypos[i]}    }
        var timer=setTimeout("makesnake()",30)}
</script>

<body onLoad="makesnake()">

<script>//END:字跟著滑鼠走
for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"'class='spanstyle'>")
    document.write(message[i])
    document.write("</span>")}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);}
document.onmousemove = handlerMM;
</script>

波浪效果
gill1023 在天空部落發表於22:41:36 | J.文字效果
<style>
<!--
.mywave {position:absolute;background=pink;filter: Wave(Add=add,Freq=50,LightStrength=50,Phase=15,Strength=20);}
-->
</style>
<script language=javascript>//波浪效果
<!--
function init() {
if (mywave.filters.Wave.Phase>99)
 mywave.filters.Wave.Phase = 5
if(mywave.filters.Wave.Phase<100){ setInterval("mywave.filters.Wave.Phase=mywave.filters.Wave.Phase+2",50)}
}
//-->
</script>
</head>
<body onLoad="init()">
<div id="mywave" class="mywave" style="position:absolute;filter: Wave(Add=add,Freq=1,LightStrength=50, Phase=15,Strength=20);">
<p align=center style="color:white; font-size:30pt;font-weight: bold"> 波浪效果</p></div>


霓虹燈文字
gill1023 在天空部落發表於22:29:23 | J.文字效果

<script language=javaScript>//霓虹燈文字
<!--
var thissize=20
var textfont="標楷體"
var textcolor= new Array()
textcolor[0]="000000"
textcolor[1]="999999"
textcolor[2]="000000"
textcolor[3]="111111"
textcolor[4]="222222"
textcolor[5]="333333"
textcolor[6]="444444"
textcolor[7]="555555"
textcolor[8]="666666"
textcolor[9]="777777"
textcolor[10]="888888"

var message = new Array()
message[0]="http://ps.saycoo.com/"
message[1]="::: Paper Sky.白紙天空 :::"
message[2]="┼ Home.首頁"
message[3]="『吉兒的個人網站』"

i_message=0
var i_strength=0
var i_message=0
var timer
function glowtext() {
    if(document.all) {
        if (i_strength <=17) {
            glowdiv.innerText=message[i_message]
            document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
            i_strength++
            timer=setTimeout("glowtext()",100)
        }
    else {
        clearTimeout(timer)
        setTimeout("deglowtext()",1500)
        }
    }
}
function deglowtext() {
    if(document.all) {
        if (i_strength >=0) {
            glowdiv.innerText=message[i_message]
            document.all.glowdiv.style.filter="glow(color="+textcolor[i_strength]+", strength=4)"
            i_strength--
            timer=setTimeout("deglowtext()",100)
        }
    else {
        clearTimeout(timer)
        i_message++
        if (i_message>=message.length) {i_message=0}
        i_strength=0
        intermezzo()
        }
    }
}
function intermezzo() {
    glowdiv.innerText=""
    setTimeout("glowtext()",1500)
}
-->
</script>
</head>
<body bgColor=#000000 onload=glowtext()>
<DIV id=glowdiv style="VISIBILITY: visible;POSITION: absolute;TEXT-ALIGN: center"></DIV>

區塊樣式
gill1023 在天空部落發表於16:32:03 | C.樣式

使用支援CSS的瀏覽器來開啟這個檔案, 這個段落將呈現透明。

標題

把區塊設定成透明:在標題上方還有一個段落。

使用支援CSS的瀏覽器來開啟這個檔案, 將無法顯示這段文字。

標題

把區塊刪除:在標題上方還有一個段落。



觀看全文...
圖片樣式
gill1023 在天空部落發表於16:30:48 | C.樣式
圖片樣式 圖片
sunflower

觀看全文...
導覽列樣式
gill1023 在天空部落發表於16:17:56 | C.樣式


觀看全文...
滑鼠樣式
gill1023 在天空部落發表於16:09:52 | C.樣式

滑鼠游標樣式

cursor: default:滑鼠標移入此框內會改變外觀。

cursor: pointer:滑鼠游標移入此框內會改變外觀。

cursor: crosshair:滑鼠游標移入此框內會改變外觀。

cursor: wait:滑鼠游標移入此框內會改變外觀。

cursor: help:滑鼠游標移入此框內會改變外觀。

cursor: text:滑鼠游標移入此框內會改變外觀。

cursor: move:滑鼠游標移入此框內會改變外觀。

cursor: n-resize:滑鼠游標移入此框內會改變外觀。

cursor: s-resize:滑鼠游標移入此框內會改變外觀。

cursor: w-resize:滑鼠游標移入此框內會改變外觀。

cursor: e-resize:滑鼠游標移入此框內會改變外觀。

cursor: ne-resize:滑鼠游標移入此框內會改變外觀。

cursor: nw-resize:滑鼠游標移入此框內會改變外觀。

cursor: se-resize:滑鼠游標移入此框內會改變外觀。

cursor: sw-resize:滑鼠游標移入此框內會改變外觀。

cursor: url(), pointer;:滑鼠游標移入此框內會改變外觀。



觀看全文...
圖文位置
gill1023 在天空部落發表於15:59:01 | C.樣式

圖片和文字的縱向位置

文字

文字

文字


文字

文字
文字


觀看全文...
邊框樣式
gill1023 在天空部落發表於15:51:53 | C.樣式
指定邊框的樣式

none

dotted

dashed

solid

groove

ridge

double

inset

outset

 

 

這個段落把每邊的框線都指定以不同顏色。

 

這個段落把每邊的框線都指定以不同顏色。



觀看全文...
表單內容
gill1023 在天空部落發表於15:41:23 | C.樣式

overflow: scroll 指定了區塊的寬高之後, 有時候會因為內容的字型與字體大小改變致使內容無法容納於區塊之內。當發生這種情況, 可以使用overflow屬性來解決這個問題。

overflow: hidden 指定了區塊的寬高之後, 有時候會因為內容的字型與字體大小改變致使內容無法容納於區塊之內。當發生這種情況, 可以使用overflow屬性來解決這個問題。

overflow: visible 指定了區塊的寬高之後, 有時候會因為內容的字型與字體大小改變致使內容無法容納於區塊之內。當發生這種情況, 可以使用overflow屬性來解決這個問題。

   

在表單內容上附加 label



 

製作下拉式選單

製作列示方塊

您從事下列哪一種職業?

將表單的內容群組化

個人資料姓名:
住所:
電話:

上傳檔案

選取您電腦的檔案上傳。

使用圖片製作送出鈕



觀看全文...
上一頁 < 1 2 3 4 5 6 7 8 9 10 > 下一頁 | 最後一頁 2/11
系統公告
個人簡介
個人圖檔
ID:gill1023
暱稱: 吉兒
生日:1978/10/23
地區:臺北市

Google
記事分類
搜尋此頻道內容
搜尋:
好時光貼曆
行事曆
Dec 2009
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
人氣指數
當日人次:
累積人次:
誰來我家
誰推薦我
目前無名單
我推薦誰
gill1023的最新的回應
最新的引用
  • 目前沒有引用
自由欄位
RSS 訂閱
贊助商
CC授權
其它資訊
本部落所刊登之內容,皆由作者個人所提供,不代表 yam 天空 本身立場。
POWERED BY
POWERED BY 天空部落
會員登入免費註冊