語法展示:: http://home.graffiti.net/qdcsfcvs/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<object ID="DAControl" STYLE="position:absolute; left:0%; top:3;width:500;height:500" CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D" width="190" height="190">
</object>
<script LANGUAGE="JScript">
<!--
m = DAControl.MeterLibrary;
numGeos = 6;
speed = m.Div(m.LocalTime, m.DANumber(2.5));
hue = m.Abs(m.Sin(m.Div(speed,m.DANumber(2))));
offX = m.Mul(m.DANumber(.04),m.Sin(speed));
offY = m.Mul(m.DANumber(.04),m.Sin(speed));
rotX = m.Mul(speed, m.DANumber(2));
rotY = m.Mul(speed, m.DANumber(2));
rotZ = m.Mul(speed, m.DANumber(2));
lrotX = m.Mul(m.DANumber(.02),speed);
lrotY = m.Mul(m.DANumber(.02),speed);
lrotZ = m.Mul(m.DANumber(.02),speed);
scale = m.DANumber(1);
//Create an animated color
half = m.DANumber(0.5);
clr = m.colorHslAnim(hue, half, half);
xfID = m.IdentityTransform2;
xfsc = m.Scale2UniformAnim(scale);
xflr = m.Compose3(m.Compose3(m.Rotate3Anim(m.xVector3,lrotX),
m.Rotate3Anim(m.yVector3,lrotY) ), m.Rotate3Anim(m.zVector3,lrotZ) ).ParallelTransform2();
xflt = m.Translate2Anim(offX, offY);
xfwt = m.Compose3(m.Compose3(m.Rotate3Anim(m.xVector3,rotX), m.Rotate3Anim(m.yVector3,rotY) ),
m.Rotate3Anim(m.zVector3,rotZ) ).ParallelTransform2();
xf = m.Compose2(xfwt, m.Compose2(xflt, m.Compose2( xflr, xfsc ) ) );
rect = m.RectAnim(m.DANumber(.015),m.DANumber(.015));
recImg = m.SolidColorImage(clr).Clip(m.FillMatte(rect));
finalImg = m.EmptyImage;
for(i=0; i<numGeos; i++) {
wait = xfID.Duration(i*.3);
newImg = recImg.Transform(m.Sequence(wait,xf));
finalImg = m.Overlay(newImg,finalImg);
}
// Assign the animation back to the control and start it
DAControl.Image = finalImg;
DAControl.Start();
//-->
</script>
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ghnsbdfd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
</script>
<p align="center"><a href="wjs-4.htm"><img src="a.gif" alt="http://blog.pixnet.net/como0925" border="0" style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width="36" height="30"></a> <a href="wjs-27000.htm"><img src="b.gif" alt="http://bbs.blade-pig.net/" border="0" style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width="37" height="26"></a> <a href="wjs24000.htm"><img src="c.gif" alt="http://tw.yahoo.com/" border="0" style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width="38" height="36"></a> <a href="wjs-13.htm"><img src="d.gif" alt="http://blog.pixnet.net/como0925" border="0" style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width="35" height="27"></a>
</p>
在img src="a.gif"中可自行更換圖檔
在href="wjs-4.htm"還有 alt=http://blog.pixnet.net/como0925更換連結網址
兩者必須相同才可"
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/gfhfghfx/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
//-->
</script>
<p align="center"><img src="move60103.gif" class="drag" width="88" height="91"><h1 align="center"><b class="drag">歡迎光臨紫蓮の翼 http://blog.pixnet.net/como0925</b></h1>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<script language="JavaScript1.2">
<!--
var dragapproved=false
var z,x,y
function move(){
if (event.button==1&&dragapproved){
z.style.pixelLeft=temp1+event.clientX-x
z.style.pixelTop=temp2+event.clientY-y
return false
}
}
function drags(){
if (!document.all)
return
if (event.srcElement.className=="drag"){
dragapproved=true
z=event.srcElement
temp1=z.style.pixelLeft
temp2=z.style.pixelTop
x=event.clientX
y=event.clientY
document.onmousemove=move
}
}
document.onmousedown=drags
document.onmouseup=new Function("dragapproved=false")
-->
</script>
<style>
<!--
.drag{position:relative;cursor:hand}
-->
</style>
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/dfgdfgfdd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
function borderit(which,color){
//if IE 4+ or NS 6+
if (document.all||document.getElementById){
which.style.borderColor=color
}
}
</script>
<p align="center"><img src="a.jpg" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')" width="35" height="35">
<img src="b.jpg" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')" width="33" height="33">
<img src="c.jpg" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')" width="32" height="31">
<img src="d.jpg" class="borderimage" onMouseover="borderit(this,'black')" onMouseout="borderit(this,'white')" width="38" height="36"></p>
在img src="a.jpg"更換自己喜愛的圖檔
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
.borderimage{
border:1px solid white;
}
</style>
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ligjyghjg/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<SCRIPT>
// the name of your first picture-file
var picture1="f-71.jpg"
// the name of your second picture-file
var picture2="f-72.jpg"
// the width and height of your pictures (pixels)
var picturewidth=470
var pictureheight=300
</SCRIPT>
<SCRIPT language=JavaScript>
<!--
if (document.all) {
document.write('<OBJECT ID="DAControl_Wipe" ')
document.write('STYLE="width:'+picturewidth+';height:'+pictureheight+'"')
document.write('CLASSID="CLSID:B6FFC24C-7E13-11D0-9B47-00C04FC2F51D">')
document.write('</OBJECT>')
m = DAControl_Wipe.MeterLibrary;
whatTransformation = new ActiveXObject("DXImageTransform.Microsoft.Wipe");
whatPictures = new Array();
whatPictures[0] = m.ImportImage(picture1);
whatPictures[1] = m.ImportImage(picture2);
forward = m.Interpolate(0, 1, 3);
back = m.Interpolate(1, 0, 2);
whatMovement = m.Sequence(forward, back).RepeatForever();
whatTransformation.GradientSize = 1.0;
whatTransformation.WipeStyle = 0;
theResult = m.ApplyDXTransform( whatTransformation, whatPictures, whatMovement );
DAControl_Wipe.Image = theResult.OutputBvr;
DAControl_Wipe.Start();
}
//-->
</SCRIPT>
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/lopjffff/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var rector=5
var stopit=0
var a=1
function init(which){
stopit=0
shake=which
shake.style.left=0
shake.style.top=0
}
function rattleimage(){
if ((!document.all&&!document.getElementById)||stopit==1)
return
if (a==1){
shake.style.top=parseInt(shake.style.top)+rector
}
else if (a==2){
shake.style.left=parseInt(shake.style.left)+rector
}
else if (a==3){
shake.style.top=parseInt(shake.style.top)-rector
}
else{
shake.style.left=parseInt(shake.style.left)-rector
}
if (a<4)
a++
else
a=1
setTimeout("rattleimage()",50)
}
function stoprattle(which){
stopit=1
which.style.left=0
which.style.top=0
}
-->
</script>
<center>
<img src="cdh.gif" class="shakeimage" onMouseOver="init(this);rattleimage()" onMouseOut="stoprattle(this)">
</center>
| 在 var rector=5 中修改顫抖的幅度 |
| 在 <img src="cdh.gif" class="shakeimage" onMouseOver="init(this);rattleimage()" onMouseOut="stoprattle(this)"> 中修改圖片的路徑或檔名 |
將以下程式碼複製，貼在<head>及</head>標籤之間。
<style>
<!--
.shakeimage{position:relative}
-->
</style>
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<
下載後解壓縮，將圖檔置於網頁同一目錄下
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/yththsgh/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var no = 5;
var speed = 2;
var snow = new Array();
snow[0] = "1.gif"
snow[1] = "2.gif"
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 1800;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
j = 0;
for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ snow[j] + "\" border=\"0\"></layer>");
} } else if (ie4up) { if (i == 0)
{
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + snow[j] + "\" border=\"0\"></div>");
}
}
if (j == (snow.length-1)) { j = 0; } else { j += 1; }
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i]; if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight; }
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] +
am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", speed);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] -= sty[i];
if (yp[i] < -50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = doc_height;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] +
am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", speed);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
-->
</script>
| 在 var no = 5; 中修改圖片的數量 |
| 在 var speed = 2; 中修改上飄的速度 |
| 在 snow[0] = "1.gif" 中修改第一張圖片的路徑 |
| 在 snow[1] = "2.gif" 中修改第二張圖片的路徑 |
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<
下載後解壓縮，將圖檔置於網頁同一目錄下
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/rvvbdszdsz/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript1.2">
<!--
var snowsrc="cdh.gif"
var no = 5;
var ns4up = (document.layers) ? 1 : 0;
var ie4up = (document.all) ? 1 : 0;
var dx, xp, yp;
var am, stx, sty;
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;
xp[i] = Math.random()*(doc_width-50);
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
if (ns4up) {
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://cgiwar.hypermart.net\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://cgiwar.hypermart.net\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}
function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}
function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}
if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}
-->
</script>
| 在 var snowsrc="cdh.gif" 中修改圖片的名稱及路徑 |
| 在 var no = 5; 中修改圖片的數量 |
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<
下載後解壓縮，將圖檔置於網頁同一目錄下
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ijgfdfddsf
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<SCRIPT language="JavaScript">
<!--
var n=1,timeID=0;
imgno=new Array;
imgno[1]="a.gif";
imgno[2]="b.gif";
imgno[3]="c.gif";
imgno[4]="d.gif";
function change(){
m=n;
myText.filters["revealTrans"].Apply();
myText.filters["revealTrans"].Transition=23;
myImge.src=imgno[m];
myText.filters["revealTrans"].Play();
n=n+1;
if (n>=5){n=1;}
timeID=setTimeout("change()",2000);
}
window.onload=change;
// -->
</SCRIPT>
<div id="myText"
style="position:absolute;left:142px;top:216;filter:revealTrans(duration=1.5)"><img src="photo05222.jpg" name="myImge">
</div>
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/dhjshsd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
var slidespeed=5000
var slideimages=new Array("圖檔位置1","圖檔位置2","圖檔位置3")
var imageholder=new Array()
var ie55=window.createPopup
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}
function gotoshow(){
window.location=slidelinks[whichlink]
}
-->
</script>
<img src="圖檔位置1" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" align="middle">
<script language="JavaScript1.1">
<!--
var whichlink=0
var whichimage=0
var pixeldelay=(ie55)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie55) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie55) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+pixeldelay)
}
slideit()
-->
</script>
| 在 var slidespeed=5000 中修改圖片變化的時間(每1秒=1000) |
自行修改圖片的路徑及名稱
在var slideimages=new Array("圖檔位置1","圖檔位置2","圖檔位置3") 自行增減圖檔數量
|
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/ffsfsdfdsf/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<script language="JavaScript">
<!--
tips = new Array(4)
tips[0] = "<img src=a.gif>"
tips[1] = "<img src=b.gif>"
tips[2] = "<img src=c.gif>"
tips[3] = "<img src=d.gif>"
index = Math.floor(Math.random() * tips.length)
document.write("<center>" + tips[index] + "</center>")
-->
</script>
在 tips = new Array(4) 中修改圖片的總數量
uuiop6623 發表在 痞客邦 留言(0) 人氣()
語法展示:: http://home.graffiti.net/dsfgsdfd/
請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製，貼在<body>及</body>標籤之間。
<IMG src="圖片網址1" border=0 name=SlideShow>
將以下程式碼複製，貼在<head>及</head>標籤之間。
<SCRIPT language=JavaScript>
<!-- Begin
// 設定時間
var slideShowSpeed = 3000;
// 設定圖片 , 可隨意增加或減少
var Pic = new Array();
Pic[0] = '圖片網址1'
Pic[1] = '圖片網址2'
Pic[2] = '圖片網址3'
Pic[3] = '圖片網址4'
Pic[4] = '圖片網址5'
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
var crossFadeDuration = 3;
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</SCRIPT>
將以下程式碼複製，貼在<body >標籤裡面。
onload=runSlideShow()
uuiop6623 發表在 痞客邦 留言(0) 人氣()
