YK Forum » Blog » 一堆日記語法~想整靚自己既日記,就入黎喇!!!


2008-6-7 07:23 PM ●siu_y_an§
一堆日記語法~想整靚自己既日記,就入黎喇!!!

1)個人資料, 留言, 好友名單, 日記搜尋加背景:
table.profile -> 個人資料
table.comment -> 留言
table.buddy -> 好友名單
table.search -> 日記搜尋

<style type="text/css">
table.profile {
background-IMAGE: URL("圖片網址");
}
table.comment {
background-IMAGE: URL("圖片網址");
}
table.buddy {
background-IMAGE: URL("圖片網址");
}
table.search {
background-IMAGE: URL("圖片網址");
}
</style>
-------------------------------------------------------------------------------------------------------------
2)半透明效果:
<STYLE>
table{filter:Alpha(Opacity=透明度)}
</STYLE>
-------------------------------------------------------------------------------------------------------------
3)右鍵鎖圖:
<SCRIPT Language="JavaScript">
var clickmessage="彈出字句"
function disableclick(e) {if (document.all) {if (event.button==2||event.button==3) {if (event.srcElement.tagName=="IMG"){alert(clickmessage);
return false;}}}if (document.layers) {if (e.which == 3) {alert(clickmessage);return false;}}}function associateimages(){for(i=0;i<document.images.length;i++)document.images[i].onmousedown=disableclick;}if (document.all)document.onmousedown=disableclick
else if (document.layers)associateimages()</SCRIPT>
-------------------------------------------------------------------------------------------------------------
4)鎖右鍵防highlight:
<body   >
-------------------------------------------------------------------------------------------------------------
5)播放背景音樂:
<embed src="網址" hidden="true" type="null" autostart="true" loop="-1"></embed>
-------------------------------------------------------------------------------------------------------------
6)隨機背景圖:
<script language=javascript>
var pic=new Array(6)
pic[0]="圖片網址"
pic[1]="圖片網址"
pic[2]="圖片網址"
pic[3]="圖片網址"
pic[4]="圖片網址"
pic[5]="圖片網址"

var newdate=new Date()
var getpic=newdate.getSeconds()%pic.length
document.write('<body background='+pic[getpic]+' bgproperties=fixed>')
</script>
-------------------------------------------------------------------------------------------------------------
7)選擇背景圖:
<font face="標楷體" color="blue" style=font-size:20px><div style=width:260;filter:shadow(color=orange,direction=35)>選擇背景圖</div></font>

<SELECT >
<OPTION VALUE="url(網址)">主題名字
<OPTION VALUE="url(網址)">主題名字
<OPTION VALUE="url(網址)">主題名字
</select>
-------------------------------------------------------------------------------------------------------------
8)滑鼠帶六幅圖:
<DIV id=dot0
style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px; visibility: hidden"><img
src="圖"></DIV>
<DIV id=dot1 style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><img
src="圖"></DIV>
<DIV id=dot2 style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><img
src="圖"></DIV>
<DIV id=dot3 style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><img
src="圖"></DIV>
<DIV id=dot4 style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><img
src="圖"></DIV>
<DIV id=dot5 style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><img
src="圖"></DIV>
<DIV id=dot6 style="HEIGHT: 15px; POSITION: absolute; WIDTH: 15px"><img
src="圖"></DIV>
<SCRIPT language=JavaScript>
var nDots = 7;
if (document.all&&window.print)
document.body.style.cssText="overflow-x:hidden;overflow-y:scroll"
var Xpos = 0;
var Ypos = 0;
var DELTAT = .01;
var SEGLEN = 10;
var SPRINGK = 10;
var MASS = 1;
var GRAVITY = 50;
var RESISTANCE = 10;
var STOPVEL = 0.1;
var STOPACC = 0.1;
var DOTSIZE = 11;
var BOUNCE = 0.75;
var isNetscape = navigator.appName=="Netscape";
var followmouse = true;
var dots = new Array();
init();
function init(){var i = 0;
for (i = 0; i < nDots; i++) {
dots[i] = new dot(i);}if (!isNetscape) {
}for (i = 0; i < nDots; i++) {
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y;}if (isNetscape) {
startanimate();} else {setTimeout("startanimate()", 3000);}}function dot(i) {
this.X = Xpos;
this.Y = Ypos;
this.dx = 0;
this.dy = 0;
if (isNetscape) {
this.obj = eval("document.dot" + i);
} else {
this.obj = eval("dot" + i + ".style");}}
function startanimate() {
setInterval("animate()", 20);}
function setInitPositions(dots){
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (nDots - 1); i++) {
dots[i+1].X = startloc[i].offsetLeft
startloc[i].offsetParent.offsetLeft - DOTSIZE;
dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*DOTSIZE;}
dots[0].X = dots[1].X;
dots[0].Y = dots[1].Y - SEGLEN;}
function MoveHandler(e){
Xpos = e.pageX;
Ypos = e.pageY;
return true;}
function MoveHandlerIE() {
Xpos = window.event.x + document.body.scrollLeft;
Ypos = window.event.y + document.body.scrollTop; }
if (isNetscape) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = MoveHandler;} else {
document.onmousemove = MoveHandlerIE;}
function vec(X, Y){
this.X = X;
this.Y = Y;}
function springForce(i, j, spring){
var dx = (dots[i].X - dots[j].X);
var dy = (dots[i].Y - dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > SEGLEN) {
var springF = SPRINGK * (len - SEGLEN);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;}}
function animate() {
var start = 0;
if (followmouse) {
dots[0].X = Xpos;
dots[0].Y = Ypos;
start = 1;}
for (i = start ; i < nDots; i++ ) {
var spring = new vec(0, 0);
if (i > 0) {
springForce(i-1, i, spring);}
if (i < (nDots - 1)) {
springForce(i+1, i, spring);}
var resist = new vec(-dots[i].dx * RESISTANCE,
-dots[i].dy * RESISTANCE);
var accel = new vec((spring.X + resist.X)/ MASS,
(spring.Y + resist.Y)/ MASS + GRAVITY);
dots[i].dx += (DELTAT * accel.X);
dots[i].dy += (DELTAT * accel.Y);
if (Math.abs(dots[i].dx) < STOPVEL &&
Math.abs(dots[i].dy) < STOPVEL &&
Math.abs(accel.X) < STOPACC &&
Math.abs(accel.Y) < STOPACC) {
dots[i].dx = 0;
dots[i].dy = 0;}
dots[i].X += dots[i].dx;
dots[i].Y += dots[i].dy;
var height, width;
if (isNetscape) {
height = window.innerHeight + document.scrollTop;
width = window.innerWidth + document.scrollLeft;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;}
if (dots[i].Y >= height - DOTSIZE - 1) {
if (dots[i].dy > 0) {
dots[i].dy = BOUNCE * -dots[i].dy;}
dots[i].Y = height - DOTSIZE - 1;}
if (dots[i].X >= width - DOTSIZE) {
if (dots[i].dx > 0) {
dots[i].dx = BOUNCE * -dots[i].dx;}
dots[i].X = width - DOTSIZE - 1;}
if (dots[i].X < 0) {
if (dots[i].dx < 0) {
dots[i].dx = BOUNCE * -dots[i].dx;}
dots[i].X = 0;}
dots[i].obj.left = dots[i].X;
dots[i].obj.top = dots[i].Y; }}</SCRIPT>
-------------------------------------------------------------------------------------------------------------
9)鎖滑鼠右鍵〔沒有對話方塊彈出〕:
<body >
-------------------------------------------------------------------------------------------------------------
10)捲軸顏色 :

第一色:捲軸邊頂色
第二色:拉的位置中間顏色
第三:捲軸底邊色
第四:捲軸上邊最邊色
第五:三角形箭咀色
第六:捲軸底色
第七:最底邊邊色

<STYLE type="text/css">
BODY {scrollbar-highlight-color: blue;
scrollbar-face-color: ORANGE;
scrollbar-shadow-color: YELLOW;
scrollbar-3dlight-color: white;
scrollbar-arrow-color: red;
scrollbar-track-color: yellow;
scrollbar-darkshadow-color: purple;}</STYLE>
-------------------------------------------------------------------------------------------------------------
[/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i][/i]

2008-6-7 07:24 PM ●siu_y_an§
11)滑鼠帶彩色字加陰影 :
<style>.spanstyle {position:absolute;visibility:visible;top:-50px;font-size:20pt;font-family:Verdana;filter:glow(color=white,strength=2)">}</style><BODY onload=javascript:pageonload()><SCRIPT language=javascript>
var message="字";
var x,y;
var step=28;
var flag=0;message=message.split("");var xpos=new Array();for (i=0;i<=message.length-1;i++) {xpos=-50;}var ypos=new Array();
for (i=0;i<=message.length-1;i++) {ypos=-50;}function handlerMM(e) {x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX+20;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=xpos[i-1]+step;ypos=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;thisspan.posTop=ypos;thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}}else if (flag==1 && document.layers) {for (i=message.length-1; i>=1; i--) {xpos=xpos[i-1]+step;ypos=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;thisspan.top=ypos;thisspan.color=Math.random() * 255 * 255 * 255 + Math.random() * 255 * 255 + Math.random() * 255;}}}</SCRIPT><SCRIPT language=javascript> function pageonload() { makesnake(); window.setTimeout("pageonload();", 2); } </SCRIPT>
<SCRIPT language=javascript> for (i=0;i<=message.length-1;i++) { document.write("<span id=span"+i+" class=spanstyle>");
document.write(message); document.write("</span>"); } if (document.layers) { document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; </SCRIPT>
-------------------------------------------------------------------------------------------------------------
12)彩色捲軸:
<SCRIPT language="JScript">
var scrollPct, prevStep, nextStep, interStep
steps = new Array();
steps[0] = new Array(128,128,128);
steps[1] = new Array(255,0,0);
steps[2] = new Array(255,255,0);
steps[3] = new Array(0,255,0);
steps[4] = new Array(0,255,255);
steps[5] = new Array(0,0,255);
steps[6] = new Array(255,0,255);
steps[7] = new Array(255,0,0);
steps[8] = new Array(255,255,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>
------------------------------------
13)停留秒數:
<SPAN STYLE='WIDTH:400;FONT-SIZE:12pt;COLOR:blue;filter:Glow(Color=white,Strength=10)'>
<form name="d">您已經停留了 <input style="font-size:10pt" type="text" size="6" name="d2"> 秒</form></font>
<SCRIPT Language="JavaScript">
var milisec=0
var seconds=0
document.d.d2.value='0'
function display(){
if (milisec>=9){
milisec=0
seconds+=1}else
milisec+=1
document.d.d2.value=seconds+"."+milisec
setTimeout("display()",100)
}display()</SCRIPT></SPAN>
------------------------------------
14)小型地震:
<script>
function shake(n) {
if (self.moveBy){
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}} } }shake(5);</script>
------------------------------------
15)背景音樂〔這語法不會顯示播放器出來〕:
<bgsound src="音樂網址" loop="-1">
------------------------------------
16)透明圖片:
<img src="圖片網址" border="0" style=" background-color:shadowcolor; filter:alpha(opacity=40);">
------------------------------------
17)告別視窗:
<script language="JavaScript">
function UserExit(){
alert("拜拜");
}</script>
<body  onUnload="UserExit()">
------------------------------------
18)變色框邊:
<SCRIPT LANGUAGE="JavaScript">
colours=new Array('ff00ff','00ff00','ff9900','ff0000','00ffff','00ff66','0000ff')
function gs(){
var clrPos=Math.floor(Math.random()*colours.length)
with (window.document.body.style){
borderWidth=14;
borderStyle='solid';
borderColor=colours[clrPos];}}
if (document.all)window.document.body.onscroll=gs;
</SCRIPT>
------------------------------------
19)可按停及開始之告示板 :

若不放圖片,會變透明底
width=260 是闊度 height=100 是高度
solid yellow; 是框邊色
若想用顏色代碼
請在代碼前加 #
#009900

<table><tr><td>
<MARQUEE id=scroller style="background-image: url(圖片網址); background-repeat: repeat; background-attachment: scroll; border: 2px solid white; padding:10px" scrollAmount=1 direction=up width=240 height=100><center>

<font color=blue>這處是打字的地方</font>
<p>歡迎光臨
<p><font color=red>黎到禾o既日記</font>

</MARQUEE><tr><td><center>
<a href="javascript:scroller.start()">開始</a>  <a href="javascript:scroller.stop()">停止</a>
</td></tr></table>
------------------------------------
20)背景圖淡化:
語法中 Opacity=90 是淡化度
注意:此語法會令你的板變慢

<style>
body{
background-image : url(背景圖網址);filter:Alpha(Opacity=40);
background-repeat : repeat;
background-attachment : fixed;}
</style>
------------------------------------

2008-6-24 11:39 PM 妹妹仔
THX~~SuP~

2008-7-4 03:35 PM Kathy668
THX FOR SHARING

2008-7-31 12:35 PM 小檸
謝`````

頁: [1]


Powered by Discuz! Archiver 5.0.0  © 2001-2006 Comsenz Inc.