PIXNET Logo登入

新人報到~!!的部落格

跳到主文

歡迎光臨新人報到~!!在痞客邦的小天地

部落格全站分類:職場甘苦

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 6月 04 週三 200819:09
  • 冒泡背景

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

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200818:50
  • 水面漣漪

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

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200818:43
  • 圖片投射燈

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

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200818:36
  • 動態圖片超連結

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

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200816:52
  • 圖片翻頁效果

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

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200816:08
  • 圖片塗抹效果

語法展示::  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()"
(繼續閱讀...)
文章標籤

新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200815:55
  • 組合圖片

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

(繼續閱讀...)
文章標籤

新人報到~!! 發表在 痞客邦 留言(0) 人氣(0)

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200815:48
  • 圖片分割結合

語法展示::  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()"
(繼續閱讀...)
文章標籤

新人報到~!! 發表在 痞客邦 留言(0) 人氣(1)

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 04 週三 200815:39
  • 圖片連結變文字

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

  • 個人分類:網頁語法特效~圖片特效
▲top
  • 6月 02 週一 200817:44
  • 滑鼠碰圖變色

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

  • 個人分類:網頁語法特效~圖片特效
▲top
12...4»

個人資訊

新人報到~!!
暱稱:
新人報到~!!
分類:
職場甘苦
好友:
累積中
地區:

熱門文章

  • (325)Beautyleg No.254 Sunny

文章分類

  • 散文小品 (78)
  • 唯美人物寫真 (16)
  • 電影討論區 (0)
  • 網頁素材 (0)
  • 時尚流行品味 (113)
  • 美容纖體天地 (16)
  • 寵物天地 (112)
  • 網頁語法特效~保密類 (8)
  • 網頁語法特效~綜合類 (1)
  • 網頁語法特效~圖片特效 (32)
  • 網頁語法特效~訊息、文字 (48)
  • 網頁語法特效~更換背景顏色 (14)
  • 網頁語法特效~滑鼠 (51)
  • 居家生活小撇步與健康 (192)
  • 網頁語法特效~背景圖 (26)
  • 網頁語法特效~視窗 (48)
  • 心理測驗 (69)
  • 星座星情 (71)
  • 網頁語法特效~超連結 (37)
  • 網頁語法特效~日期時間 (50)
  • 網頁語法特效~偵測 (10)
  • 網頁語法特效~跑馬燈 (30)
  • 未分類 (0)
  • 科技軍事貼圖 (25)
  • 搞笑圖 (35)
  • Uncategoried (31)
  • 未分類文章 (1)

最新文章

  • 父親的床
  • 人生只有一次
  • 旋轉木馬
  • 幸福=夢想+堅持
  • 責任
  • 四個人
  • 泛黃
  • 【沒什麼....只是我愛妳....】
  • 怎麼可能? 不用把妹就會有正妹當你女朋友!?
  • 赤裸的天使在草原上放風箏

動態訂閱

文章精選

文章搜尋

誰來我家

參觀人氣

  • 本日人氣:
  • 累積人氣: