目前分類:網頁語法特效~圖片特效 (32)

瀏覽方式: 標題列表 簡短摘要

語法展示::  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>

 

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  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>


不要忘記付件也要一起帶回家喔~!!......     >>>>>>我是附件帶我回家<<<<<<<

下載後解壓縮,置於網頁同一目錄下

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  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>


不要忘記付件也要一起帶回家喔~!!......     >>>>>>我是附件帶我回家<<<<<<<

置於網頁同一目錄下

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  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()"

eeredqq 發表在 痞客邦 留言(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>

不要忘記付件也要一起帶回家喔~!!......     >>>>>>我是附件帶我回家<<<<<<<

下載後解壓縮,置於網頁同一目錄下


eeredqq 發表在 痞客邦 留言(1) 人氣()

語法展示::  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=0

function 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()"

eeredqq 發表在 痞客邦 留言(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=0

function 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()"

eeredqq 發表在 痞客邦 留言(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_slice

for (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=0

function 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()"

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  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更改連結網址

eeredqq 發表在 痞客邦 留言(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'">

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::   http://home.graffiti.net/jfasswvf/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<A onmouseover="document.all['wjs13070'].src='figure67067.gif';"                                               
   onmouseout="document.all['wjs13070'].src='figure67066.gif';"                                               
href="http://sheng.phy.nknu.edu.tw/" target="_blank"><IMG id=wjs13070 src="figure67066.gif"  border=0 width="99" height="164"></A>


請記得將這兩扇門搬回去唷→   

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/cxdfghhd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<script>
function blu(a,b){
a.filters.blur.strength=b}
</script>
<img src="figure-338.gif" style="filter:blur(strength=0)" onMouseover="blu(this,10)" onMouseout="blu(this,0)" width="56" height="52">

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/sxcbjgghj/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<SCRIPT LANGUAGE="JavaScript">
<!--

step = 0;
obj = new Image();

function anim(xp,xk,smer) //smer = direction
{
 obj.style.left = x;

 x += step*smer;
 
 if (x>=(xk+xp)/2) {
    if (smer == 1) step--;
       else step++;
    }
 else {
    if (smer == 1) step++;
       else step--;
    }

 if (x >= xk) {
       x = xk;
       smer = -1;
      }

  if (x <= xp) {
       x = xp;
       smer = 1;
      }
// if (smer > 2) smer = 3;
  setTimeout('anim('+xp+','+xk+','+smer+')', 50);
}


function moveLR(objID,movingarea_width,c)
{

  if (navigator.appName=="Netscape") window_width = window.innerWidth;
     else window_width = document.body.offsetWidth;

  obj = document.images[objID];  
  image_width = obj.width;
 
  x1 = obj.style.left;
  x = Number(x1.substring(0,x1.length-2));   // 30px -> 30

  if (c == 0) {

    if (movingarea_width == 0) {
      right_margin = window_width - image_width;
         anim(x,right_margin,1);
   }   
          else {
      right_margin = x + movingarea_width - image_width;
   if (movingarea_width < x + image_width) window.alert("No space for moving!");
          else anim(x,right_margin,1);
  }
   }
   else {
       if (movingarea_width == 0) right_margin = window_width - image_width;
    else {
       x = Math.round((window_width-movingarea_width)/2);
    right_margin = Math.round((window_width+movingarea_width)/2)-image_width;
   }
  anim(x,right_margin,1);
   }      
}


//-->
</SCRIPT>
<img src="1.jpg" width=59 height=47 name="picture" style='position: absolute; top: 80px; left: 100px;' BORDER=0>
<SCRIPT LANGUAGE="JavaScript">   
<!--   
  setTimeout("moveLR('picture',300,1)",10);   
//-->   
</SCRIPT>

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::   http://home.graffiti.net/khffdsrsg/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<a href="http://blog.pixnet.net/como0925" target="_blank" hidefocus="true"><img src=e.gif border=0 width="468" height="60"></a>


將以下程式碼複製,貼在<head>及</head>標籤之間。

<script language="JavaScript">
<!--
var globopObject;var opIndex=0;
var cleared=true;var direction=10;
function dynOpacity(opObject,stop)
{if (stop) {clearInterval(window.tm);cleared=true;
opIndex=10;return;}
globopObject=opObject;if (opIndex>110) direction=-4;if (opIndex<0) direction=4;
opIndex+=direction;globopObject.style.filter='alpha(opacity:' + opIndex + ')';
if (cleared)
{window.tm=setInterval("dynOpacity(globopObject,false);",1);cleared=false;}}
function handleevent()
{if (event.type=="mouseover")if(event.srcElement.tagName=="IMG")
if (event.srcElement.parentElement.tagName=="A")
{dynOpacity(event.srcElement,false);}
if (event.type=="mouseout")if(event.srcElement.tagName=="IMG")
{event.srcElement.style.filter="";dynOpacity(event.srcElement,true); }}
document.onmouseover=handleevent;
document.onmouseout=handleevent;
// -->
</script>

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/hnbnfgu/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<img src="move-378.gif" height="47" width="75" border="0" STYLE="Filter:Light">

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::   http://home.graffiti.net/qswsgbvx/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<img src="move-257.gif" width="183" height="117" border="0" STYLE="Filter:Invert">

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/gfdggfds/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<IMG src="move-413.gif" STYLE="Filter:Xray" width="78" height="102">

 

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/hdhjfdghd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<applet code="Lake.class" width="320" height="480">
<param name="href" value="http://blog.pixnet.net/como0925">
<param name="target" value="_blank">
<param name="image" value="1.jpg">
</applet>


請記得將 Lake.class 檔案下載回去喔,下載後放在網頁同一目錄下


在width="320" height="480"更改圖檔寬、高

在value="http://blog.pixnet.net/como0925"更改圖檔連結網址

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/liihfdgzzds/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。

<script language="JavaScript1.2">
var scrollerwidth=100
var scrollerheight=70
var scrollerbgcolor='white'
//3000 miliseconds=30 seconds
var pausebetweenimages=500  //指定這個特效捲動速度
var slideimages=new Array()
slideimages[0]='<img src="a.gif">'
slideimages[1]='<img src="b.gif">'
slideimages[2]='<img src="c.gif">'
slideimages[3]='<img src="d.gif">'
slideimages[4]='<img src="e.gif">'
slideimages[5]='<img src="f.gif">'
slideimages[6]='<img src="h.gif">'

//extend this list

///////Do not edit pass this line///////////////////////
if (slideimages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll
        </script>

<script language="JavaScript1.2">
if (document.all){
document.writeln('<center><span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
        </script>


var pausebetweenimages=500  //指定這個特效捲動速度

在slideimages[0]='<img src="a.gif">' 更換圖檔以及圖檔數量

在var scrollerwidth=100
var scrollerheight=70
設定圖檔的寬、高

eeredqq 發表在 痞客邦 留言(0) 人氣()

語法展示::  http://home.graffiti.net/rghhbfdgbd/


請用IE6.0或更新版本觀看語法特效展示

將以下程式碼複製,貼在<body>及</body>標籤之間。


<script language="JavaScript1.2">              
<!--              
var sliderwidth=550             
var sliderheight=31             
var slidespeed=4          
              
var leftrightslide=new Array()              
var finalslide=''              
leftrightslide[0]='<a href="http://blog.pixnet.net/como0925"><img src="a.gif" border=1></a>'                
leftrightslide[1]='<a href="http://blog.pixnet.net/como0925"><img src="b.gif" border=1></a>'                
leftrightslide[2]='<a href="http://bbs.blade-pig.net/"><img src="c.gif" border=1></a>'                
leftrightslide[3]='<a href="http://bbs.blade-pig.net/"><img src="d.gif" border=1></a>'              
var copyspeed=slidespeed              
for (i=0;i<leftrightslide.length;i++)              
finalslide=finalslide+leftrightslide[i]+"&nbsp;&nbsp;"              
              
              
if (document.all){              
document.write('<marquee id="ieslider" scrollAmount=0 style="width:'+sliderwidth+'">'+finalslide+'</marquee>')              
ieslider.onmouseover=new Function("ieslider.scrollAmount=0")              
ieslider.onmouseout=new Function("if (document.readyState=='complete') ieslider.scrollAmount=slidespeed")              
}              
              
function regenerate(){              
window.location.reload()              
}              
function regenerate112(){              
if (document.layers){              
document.ns_slider01.visibility="show"              
setTimeout("window.onresize=regenerate",450)              
intializeleftrightslide()              
}              
if (document.all)              
ieslider.scrollAmount=slidespeed              
}              
              
function intializeleftrightslide(){              
document.ns_slider01.document.ns_slider02.document.write('<nobr>'+finalslide+'</nobr>')              
document. ns_slider01.document.ns_slider02.document.close()              
thelength=document.ns_slider01.document.ns_slider02.document.width              
scrollslide()              
}              
              
function scrollslide(){              
if (document.ns_slider01.document.ns_slider02.left>=thelength*(-1)){              
document.ns_slider01.document.ns_slider02.left-=slidespeed              
setTimeout("scrollslide()",100)              
}              
else{              
document.ns_slider01.document.ns_slider02.left=sliderwidth              
scrollslide()              
}              
}              
window.onload=regenerate112              
              
//-->              
</script>              
<ilayer width=&{sliderwidth}; height=&{sliderheight}; name="ns_slider01" visibility=hide>              
<layer name="ns_slider02" onMouseover="slidespeed=0;" onMouseout="slidespeed=copyspeed">              
</layer>              
</ilayer> 


在leftrightslide[0]='<a href="http://blog.pixnet.net/como0925"><img src="a.gif" border=1></a>' 

更改LOGO圖檔以及連結網址

eeredqq 發表在 痞客邦 留言(0) 人氣()

1 2