語法展示::
http://home.graffiti.net/fgbgfdsg/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。<script language="JavaScript">
<!--
if (document.all){
kg=new Image();
kg.src="figure395.gif";
document.write('<span id="rings" style="position:absolute;top:0px;left:0px">'
+'<img src="figure395.gif" name="kg" style="position:relative"></span>');
var TimeLinethree = 115;
var TimeLineTwo = 10;
var TimeLineOne = 10;
var ThreeStep = 2.1;
var TwoStep = 5.5;
var OneStep = 2.5;
var xp = 100;
var yp = 100;
function SmokeRing(){
document.all.rings.document.images["kg"].style.filter='alpha(opacity='+TimeLinethree+')';
document.all.rings.document.images["kg"].style.top=yp + (-TimeLineOne);
document.all.rings.document.images["kg"].style.left=xp + (-TimeLineOne);
document.all.rings.document.images["kg"].width=TimeLineTwo;
document.all.rings.document.images["kg"].height=TimeLineTwo;
TimeLinethree-=ThreeStep;
TimeLineTwo+=TwoStep;
TimeLineOne+=OneStep;
setTimeout('SmokeRing()',10);
if ((TimeLineTwo > 380) || (TimeLineOne > 380) || (TimeLinethree < 0))
{TimeLineTwo=0;TimeLineOne=0;TimeLinethree=85;
stop=window.document.body.clientHeight-280;
sleft=window.document.body.clientWidth/2.5;//?
yp=Math.round(Math.random()*stop);
xp=Math.round(Math.random()*sleft);
document.all.rings.style.top=yp+document.body.scrollTop;
document.all.rings.style.left=xp+document.body.scrollLeft;
}
if ((yp < 80) || (xp < 80))
{
yp+=80;
xp+=80;
} }}
if (document.all)SmokeRing();
// -->
</script> 新人報到~!! 發表在 痞客邦 留言(0) 人氣(3)
語法展示::
http://home.graffiti.net/kihdfdsd/請用IE6.0或更新版本觀看語法特效展示將以下程式碼複製,貼在<body>及</body>標籤之間。
<applet code="AnWater.class" width="圖寬" height="圖高">
<param name="image" value="圖片檔名">
<!-- 您可以自己修改以下設定 -->
<param name="res" value="1">
<param name="light" value="YES">
<param name="autodesign" value="YES">
<param name="density" value="2">
<param name="fishnum" value="0">
<param name="cross" value="NO">
<param name="crossfactor" value="15">
<param name="rainsize" value="0">
<param name="rainfactor" value="10">
<param name="srainsize" value="0">
<param name="srainfactor" value="5">
<param name="memdelay" value="1000">
<param name="priority" value="3">
</applet>
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<下載後解壓縮,置於網頁同一目錄下新人報到~!! 發表在 痞客邦 留言(0) 人氣(6)
語法展示::
http://home.graffiti.net/sdetgfdg/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。<applet code="stn_bump.class" width="圖片寬" height="圖片高">
<param name="color" value="圖案檔名">
<param name="bump" value="圖案檔名">
<!-- 您可以自己修改以下設定 -->
<param name="hred" value="60">
<param name="hgreen" value="130">
<param name="hblue" value="190">
<param name="hexp" value="60">
</applet>
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<置於網頁同一目錄下新人報到~!! 發表在 痞客邦 留言(0) 人氣(2)
語法展示::
http://home.graffiti.net/dgrghdaeaw/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。<div id="point1" STYLE="position:absolute;visibility:visible;"><a href="超連結網址"><img src="圖片網址" width="88" height="31" border="0"></a>
</div>
<SCRIPT LANGUAGE="JavaScript">
var xPos = 20;
var step = 1;
var delay = 30;
var yPos = 0;
var height = 0;
var offset = 0;
var yon = 0;
var name = navigator.appName;
if (name == "Microsoft Internet Explorer") {
yPos = document.body.clientHeight;
point1.style.top = yPos;
}
else {
yPos = window.innerHeight;
document.point1.pageY = yPos;
document.point1.visibility = "hidden";
}
function changePos() {
if (yon == 0) {
yPos = yPos - step;
}
else {
yPos = yPos + step;
}
if (name == "Microsoft Internet Explorer") {
height = document.body.clientHeight;
offset = point1.offsetHeight;
}
else {
height = window.innerHeight;
offset = document.point1.clip.height;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - offset)) {
yon = 0;
yPos = (height - offset);
}
if (name == "Microsoft Internet Explorer") {
point1.style.left = xPos;
point1.style.top = yPos + document.body.scrollTop;
}
else {
document.point1.pageX = xPos;
document.point1.pageY = yPos + window.pageYOffset;
}
}
function start()
{
if (name != "Microsoft Internet Explorer") {
document.point1.visibility = "visible";
}
loopfunc();
}
function loopfunc()
{
changePos();
setTimeout('loopfunc()',delay);
}
</script>
將以下程式碼複製,貼在<body >標籤裡面。
onLoad="start()"新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示::
http://home.graffiti.net/asdvhggf/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。
<applet code="bookflip.class" width="235" height="226">
<param name="credits" value="Applet by Fabio Ciucci (www.anfyjava.com)">
<param name="res" value="1">
<param name="image1" value="圖片1">
<param name="link1" value="NO">
<param name="statusmsg1" value="">
<param name="flip1" value="0">
<param name="image2" value="圖片2">
<param name="link2" value="NO">
<param name="statusmsg2" value="">
<param name="flip2" value="0">
<param name="image3" value="圖片3">
<param name="link3" value="NO">
<param name="statusmsg3" value="">
<param name="flip3" value="2">
<param name="speed" value="4">
<param name="pause" value="300">
<param name="extrah" value="50">
<param name="flipcurve" value="2">
<param name="shading" value="0">
<param name="backR" value="255">
<param name="backG" value="218">
<param name="backB" value="216">
<param name="overimg" value="NO">
<param name="overimgX" value="0">
<param name="overimgY" value="0">
<param name="regcode" value="NO">
<param name="regnewframe" value="NO">
<param name="regframename" value="_blank">
<param name="memdelay" value="1000">
<param name="priority" value="3">
<param name="MinSYNC" value="10">
Sorry, your browser doesn't support Java.
</applet>
不要忘記付件也要一起帶回家喔~!!...... >>>>>>我是附件帶我回家<<<<<<<下載後解壓縮,置於網頁同一目錄下新人報到~!! 發表在 痞客邦 留言(0) 人氣(9)
語法展示::
http://home.graffiti.net/yqasvcvx/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。<script>
<!-- Beginning of JavaScript -
if (document.all) {
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
document.write("<div id='span"+spancounter+"' class='spanstyle' border='0'>")
document.write("</div>")
spancounter++
}
}
}if (document.layers) {
document.write("<div id='imgcontainer1' class='spanstyle'>")
document.write("<a href='#' onMouseOver='scratchnn()'><img src='"+coverimage+"' border='0'></a></div>")
document.close()
document.imgcontainer1.left=x_finalpos
document.imgcontainer1.top=y_finalpos
}
// - End of JavaScript - -->
</script>
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script>
<!-- Beginning of JavaScript -// The width of your image (pixels)
var imgwidth=230// The height of your image (pixels)
var imgheight=170// The name of the coverimage and hidden image.
var coverimage="圖址1"
var hiddenimage="圖址2"// This block will preload your images. Do not edit this block.
img1=new Image()
img1.src=coverimage
img2=new Image()
img2.src=hiddenimage// Add an URL to the hidden image
var imgurl=new Array()
urlhiddenimage="http://sheng.phy.nknu.edu.tw/"// Final horizontal position of the image: distance to the left margin of the window
var x_finalpos=270// Final vertical position of the image: distance to the top margin of the window
var y_finalpos=220// Number of sliced cells. A high value will slow down the scratching-effect.
var x_slices=10// Number of sliced rows. A high value will slow down the scratching-effect.
var y_slices=10// Do not change the variables below
var xy_slices=x_slices*y_slices
var width_slice=Math.floor(imgwidth/x_slices)
var height_slice=Math.floor(imgheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0function checkbrowser() {
if (document.all) {
initiate()
}
}function initiate() {
spancounter=0
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisspan=eval("document.all.span"+spancounter+".style")
thisspan.posLeft=x_finalpos
thisspan.posTop=y_finalpos
thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
clipleft+=width_slice
clipright+=width_slice
spancounter++
}
clipleft=0
clipright=width_slice
cliptop+=height_slice
clipbottom+=height_slice
}
for (i=0;i<=xy_slices-1;i++) {
var thisspan=eval("span"+i)
thisspan.innerHTML="<a href='#' onMouseOver='scratchimg("+i+")'><img src='"+coverimage+"' border='0'></a>"
}
}function scratchimg(thispartofimage) {
var thisspan=eval("span"+thispartofimage)
thisspan.innerHTML="<a href='"+urlhiddenimage+"' target='_blank'><img src='"+hiddenimage+"' border='0'></a>"
}function scratchnn() {
document.imgcontainer1.document.write("<a href='"+urlhiddenimage+"'><img src='"+hiddenimage+"' border='0' target='_blank'></a>")
document.imgcontainer1.document.close()
}// - End of JavaScript - -->
</script><style>
.spanstyle {
position:absolute;
left:-5000px;
}
</style>
將以下程式碼複製,貼在<body >標籤裡面。
onLoad="checkbrowser()"新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示::
http://home.graffiti.net/ujkllgfd/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。
<script>
<!-- Beginning of JavaScript -
if (document.all) {
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
document.write("<span id='span"+spancounter+"' class='spanstyle'></span>")
spancounter++
}
}
spancounter=0
}
// - End of JavaScript - -->
</script>
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script>
<!-- Beginning of JavaScript -
// The width of your images (pixels). All pictures should have the same width.
var imgwidth=235// The height of your images (pixels). All pictures should have the same height.
var imgheight=176// The URL of your images. You may add as many images as you like.
var imgurl=new Array()
imgurl[0]="圖片網址"
imgurl[1]="圖片網址"
imgurl[2]="圖片網址"// Do not edit this block.
var imgpreload=new Array()
for (i=0;i<=imgurl.length-1;i++) {
imgpreload[i]=new Image()
imgpreload[i].src=imgurl[i]
}// Final horizontal position of the image: distance to the left margin of the window
var x_finalpos=268// Final vertical position of the image: distance to the top margin of the window
var y_finalpos=210// Number of sliced cells (the higher this value the slower the script)
var x_slices=8// Number of sliced rows (the higher this value the slower the script)
var y_slices=4// Speed of the reassembling effect. More means slower.
var pause=15// The width and heigth of the zone where the debris of the images are spread (pixels)
var screenwidth=800
var screenheight=600// Do not change the variables below
var x_step=new Array()
var y_step=new Array()
var x_randompos=0
var y_randompos=0
var i_loop=0
var max_loop=20
var i_image=0
var width_slice=Math.floor(imgwidth/x_slices)
var height_slice=Math.floor(imgheight/y_slices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=width_slice
var spancounter=0function initiate() {
cliptop=0
clipbottom=height_slice
clipleft=0
clipright=width_slice
i_loop=0
spancounter=0
if (document.all) {
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisspan=eval("document.all.span"+spancounter+".style")
x_randompos=Math.ceil(screenwidth*Math.random())
y_randompos=Math.ceil(screenheight*Math.random())
thisspan.posLeft=x_randompos
thisspan.posTop=y_randompos
thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
clipleft+=width_slice
clipright+=width_slice
spancounter++
}
clipleft=0
clipright=width_slice
cliptop+=height_slice
clipbottom+=height_slice
}
}
explode_IE()
}function changeimage() {
spancounter=0
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisspan=eval("document.all.span"+spancounter+".style")
thisspan.posLeft=-5000
thisspan.posTop=-5000
spancounter++
}
}
spancounter=0
if (i_image>imgurl.length-1) {i_image=0}
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisinnerspan=eval("span"+spancounter)
thisinnerspan.innerHTML="<img src='"+imgurl[i_image]+"'>"
spancounter++
}
}
i_image++
initiate()
}
function explode_IE() {
spancounter=0
if (i_loop<=max_loop-1) {
for (i=0;i<=y_slices-1;i++) {
for (ii=0;ii<=x_slices-1;ii++) {
var thisspan=eval("document.all.span"+spancounter+".style")
x_step[spancounter]=(x_finalpos-thisspan.posLeft)/(max_loop-i_loop)
y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop)
thisspan.posLeft+=x_step[spancounter]
thisspan.posTop+=y_step[spancounter]
spancounter++
}
}
i_loop++
var timer=setTimeout("explode_IE()",pause)
}
else {
spancounter=0
clearTimeout(timer)
var timer=setTimeout("changeimage()",2000)
}
}
// - End of JavaScript - -->
</script>
<style>
.spanstyle {
position:absolute;
left:-5000px;
}
</style>
將以下程式碼複製,貼在<body >標籤裡面。
onLoad="changeimage()"
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示::
http://home.graffiti.net/tgaajfd/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。 <script>
<!-- Beginning of JavaScript -
for (i=0;i<=imgslices-1;i+=2) {
marginright=document.body.clientWidth+50
document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; left:"+marginright+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
document.write("<img src='"+imgurl+"'>")
document.write("</span>")
cliptop+=2*height_slice
clipbottom+=2*height_slice
}
cliptop=height_slice
clipbottom=2*height_slicefor (i=1;i<=imgslices-1;i+=2) {
marginleft=-imgwidth-50
document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; left:"+marginleft+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
document.write("<img src='"+imgurl+"'>")
document.write("</span>")
cliptop+=2*height_slice
clipbottom+=2*height_slice
}
// - End of JavaScript - -->
</script>
將以下程式碼複製,貼在<head>及</head>標籤之間。
<script>
<!-- Beginning of JavaScript -
// The width of your image (pixels)
var imgwidth=235// The height of your image (pixels)
var imgheight=180// The URL of the sliced image
var imgurl="圖址"// Final horizontal position of the image: distance to the left margin of the window (pixels)
// IMPORTANT:
// if you want to center the image in the middle of the browser-window then write -1.
// If you want to put the image on a absolute position
// then write the number (for instance 223).
var x_finalpos=268// Final vertical position of the image: distance to the top margin of the window
var y_finalpos=220// Total number of slices
var imgslices=20// Speed of horizontal gliding
var step=10
var pause=5// Do not edit the variables below this line
var x_rightspans=0
var x_leftspans=0
var marginright
var marginleft
var height_slice=Math.floor(imgheight/imgslices)
var cliptop=0
var clipbottom=cliptop+height_slice
var clipleft=0
var clipright=imgwidth
var spannummer=0
var spannrbefore=0function initiate() {
if (x_finalpos==-1) {
x_finalpos=Math.floor(document.body.clientWidth/2)-Math.floor(imgwidth/2)
}
if (document.all) {
moveslices_IE()
}
}function moveslices_IE() {
if (x_rightspans==0 || x_leftspans==0) {
if (x_rightspans==0) {
for (i=0;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft-=step
}
if (thisspan.posLeft<=x_finalpos) {
x_rightspans=1
for (i=0;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft=x_finalpos
}
}
}
if (x_leftspans==0) {
for (i=1;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft+=step
}
if (thisspan.posLeft>=x_finalpos) {
x_leftspans=1
for (i=1;i<=imgslices-1;i+=2) {
var thisspan=eval("document.all.span"+i+".style")
thisspan.posLeft=x_finalpos
}
}
}
var timer=setTimeout("moveslices_IE()",pause)
}
else {
clearTimeout(timer)
}
}// - End of JavaScript - -->
</script>
將以下程式碼複製,貼在<body >標籤裡面。
onLoad="initiate()"新人報到~!! 發表在 痞客邦 留言(0) 人氣(1)
語法展示::
http://home.graffiti.net/yhdhqqx/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。<a href="http://blog.pixnet.net/como0925" target="_blank" OnMouseOver='{this.innerHTML="歡迎您的光臨"}' OnMouseOut='{this.innerHTML="紫蓮の翼"}'><img src="圖址"></a>
在href="http://blog.pixnet.net/como0925更改連結網址
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)
語法展示::
http://home.graffiti.net/gfcngfxngf/請用IE6.0或更新版本觀看語法特效展示
將以下程式碼複製,貼在<body>及</body>標籤之間。<img src="4gif" id=img style="filter:gray" onMouseOut="this.style.filter='gray'" onMouseOver="this.style.filter='none'">
新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)