發新話題

[教學]網頁語法+測試語法區

[教學]網頁語法+測試語法區

訪客無法瀏覽此圖片或連結,請先 註冊登入會員

★整頁連結特效區★

★取消底線★
<style type="text/css">
<!--
a{ text-decoration:none; }
-->
</style>
★上下實線★
<style type=text/css>
<!--
a:link {
color:#底色;
text-decoration:none;
}
a:visited {
color:#連結後的顏色;
text-decoration:none;
}
a:active {
color:#連結中顏色;
text-decoration:none;
}
a:hover {
color:#觸碰時顏色;
text-decoration:none;
border-top:solid 1pt;
border-bottom:solid 1pt;
}
-->
</STYLE>
★上下虛線★
<style type=text/css>
<!--
a:link {
color:#底色;
text-decoration:none;
}
a:visited {
color:#連結後的顏色;
text-decoration:none;
}
a:active {
color:#連結中顏色;
text-decoration:none;
}
a:hover {
color:#觸碰時顏色;
text-decoration:none;
border-top:dotted 1pt;
border-bottom:dotted 1pt;
}
-->
</STYLE>
★三線連結★
<STYLE type="text/css">
<!--
a:link, a:visited{text-decoration:none;
color:#整頁連結色彩;}
a:hover, a:active{text-decoration:
underline overline line-through;
color:#觸碰後的色彩;}
-->
</STYLE>
★底色連結★
<STYLE type="text/css">
<!--
A:HOVER{color : 文字色;background-color : 背景色;}
a:link,a:visited{text-decoration:none;color:字色;}
-->
</STYLE>
★實框連結★
<style type=text/css>
<!--
a:link,a:visited{text-decoration:none;color:#字色;}
a:hover {
border-top:1px solid #上框側色;
border-bottom:1px solid #下框側色;
border-left:1px solid #左框側色;
border-right:1px solid #右框側色;
}
-->
</STYLE>
★虛框連結★
<style type=text/css>
<!--
a:link,a:visited{text-decoration:none;color:#字色;}
a:hover {
border-top:1px dashed #上框側色;
border-bottom:1px dashed #下框側色;
border-left:1px dashed #左框側色;
border-right:1px dashed #右框側色;
}
-->
</STYLE>
★下虛連結★
<STYLE>
<!--
A:HOVER{
border-bottom-style : dotted;
border-bottom-color : #連結虛線色;
border-bottom-width : 1px;
}
A{text-decoration : none;
}
-->
</STYLE>
★下實連結★
<STYLE>
<!--
A:HOVER{
border-bottom-style : solid;
border-bottom-color : #連結虛線色;
border-bottom-width : 1px;
}
A{text-decoration : none;
}
-->
</STYLE>
★下壓連結★
<STYLE type="text/css">
<!--
A:HOVER{
position : relative;
上下:移動多少px; 左右:移動多少px;}
-->
</STYLE>
★整頁字特效★

★字色統一★
<!--字色統1--></STYLE>
<style>
font,body,table,td{color:#色馬}
</style><!--結束-->
★改字大小★
<style>
body,tr,td{font:輸入大小pt 新細明體}
</style>
★個體字特效★

★字有底色★
<FONT style="BACKGROUND-COLOR: #底色色馬">字</FONT>
★字加底線★
<u>輸入字</u>
★字加刪線★
<s>輸入字</s>
★滑鼠特效★

★星星劃過★
<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning
var dl = 20;
var size = 5;
var meteorNo = 5;
var sizeStep = 2;
var move = true;
var meteorRate = 150;
var useImg = 0;
gs9768=(document.all?3:(document.getElementById?1:(document.layers?2:0)));
function getWindowSize() {
if(gs9768 == 1 || gs9768 == 2) {
win_width = self.innerWidth;
win_height = self.innerHeight;
}
if (gs9768 == 3) {
win_width = document.body.clientWidth;
win_height = document.body.clientHeight;
}
}
function getScrollPosX() {
if (gs9768 == 1) return scrollX;
if (gs9768 == 2) return pageXOffset;
if (gs9768 == 3) return document.body.scrollLeft
}
function getScrollPosY() {
if (gs9768 == 1) return scrollY;
if (gs9768 == 2) return pageYOffset;
if (gs9768 == 3) return document.body.scrollTop;
}
function showLayer(layerName){
if (gs9768 == 1) document.getElementById(layerName).style.visibility = "visible"
if (gs9768 == 2) document.layers[layerName].visibility = "show"
if (gs9768 == 3) document.all(layerName).style.visibility = "visible"
}
function hideLayer(layerName){
if (gs9768 == 1) document.getElementById(layerName).style.visibility = "hidden"
if (gs9768 == 2) document.layers[layerName].visibility = "hide"
if (gs9768 == 3) document.all(layerName).style.visibility = "hidden"
}
function moveLayerTo(layerName, x, y){
if (gs9768 == 1) {
document.getElementById(layerName).style.left = x;
document.getElementById(layerName).style.top = y;
}
if (gs9768 == 2) {
document.layers[layerName].left = x;
document.layers[layerName].top = y;
}
if (gs9768 == 3) {
document.all(layerName).style.pixelLeft = x;
document.all(layerName).style.pixelTop = y;
}
}
var sx = new Array(), sy = new Array(), sclW = 0, sclH = 0;
function initMeteor() {
if (gs9768 && meteorFlag == 0) {
var ran = Math.random()*meteorRate;
if (ran < 10) {
getWindowSize();
if (move) sclW = getScrollPosX(), sclH = getScrollPosY();
sX = Math.floor(Math.random()*(win_width-meteorMaxSize-5)) + sclW;
sY = Math.floor(Math.random()*(win_height-meteorMaxSize-5)) + sclH;
eX = Math.floor(Math.random()*(win_width-meteorMaxSize-5)) + sclW;
eY = Math.floor(Math.random()*(win_height-meteorMaxSize-5)) + sclH;
for (var m=0; m<meteorNo; m++) {
moveLayerTo("meteor"+m, sX, sY);
sx[m] = sX; sy[m] = sY;
}
moveMeteor();
}
}
setTimeout("initMeteor()", 100);
}
var meteorFlag = 0;
function moveMeteor() {
var l, xp, yp, stopflag = false;
for (var m=0; m<meteorNo; m++) {
if (meteorFlag >= m) {
l = Math.abs(Math.sqrt(Math.pow((eX - sx[m]),2) + Math.pow((eY - sy[m]),2)));
if (l > dl) {
xp = dl / l * (eX - sx[m]) + sx[m];
if (eX - sx[m] == 0) {
if (sy[m] < eY) yp = sy[m] + dl;
else yp = sy[m] - dl;
} else yp = (sy[m] - eY) / (sx[m] - eX) * xp + sy[m] - (sy[m] - eY) / (sx[m] - eX) * sx[m];
sx[m] = xp; sy[m] = yp;
showLayer("meteor"+m);
moveLayerTo("meteor"+m, sx[m], sy[m]);
} else {
hideLayer("meteor"+m);
if (m == meteorNo-1) stopflag = true;
}
}
}
if (!stopflag) { meteorFlag += 1; tim = setTimeout("moveMeteor()", 10); }
else { clearTimeout(tim); meteorFlag = 0; }
}
// End -->

</script>
<SCRIPT LANGUAGE="JavaScript">
<!-- Beginning
var starLay = '<SPAN id="gs" style="position:absolute; visibility:hidden;"></SPAN>';
for (i=meteorNo-1; i>=0; i--) {
size += sizeStep; meteorMaxSize = size;
if (gs9768 == 1 || gs9768 == 3) {
if (useImg == 0) starLay += '<SPAN id="meteor' + i +
'" style="position:absolute; width:' + size + 'px; font-size:' + size +
'px; color:色碼; z-index:8; visibility:hidden;">★</SPAN>';
}
if (gs9768 == 2) {
if (size == 1) size = 2;
if (useImg == 0) starLay += '<LAYER name="meteor'+ i +
'" z-index="10" visibility="hide"><FONT color="色碼" style="font-size:'
+ size + 'px;">★</FONT></LAYER>';
}
}
document.writeln(starLay);
initMeteor();
// End -->
</SCRIPT>
★改變滑鼠游標★

<style> body{cursor:url(游標網址);} a{cursor:url(游標網址);} </style>'

[ 本帖最後由 philxyz0316 於 2006-7-23 21:16 編輯 ]

TOP

好的東西就是要給他支持一下............

TOP

YA~!
剛好在研究無名...
恰巧可以試試看...
感謝大大的分享喔^^

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。