uuiop｜痞客邦

Jun 04 Wed 2008 18: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>

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

置於網頁同一目錄下

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 04 Wed 2008 18: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()"

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 04 Wed 2008 16: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>

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

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

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 04 Wed 2008 16:08
圖片塗抹效果

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

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

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

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>標籤之間。

// 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 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>

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 04 Wed 2008 15:55
組合圖片

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

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

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

<script>

</script>

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

// 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

// - End of JavaScript - -->
</script>
<style>
.spanstyle {
position:absolute;
left:-5000px;
}
</style>

將以下程式碼複製，貼在<body >標籤裡面。

onLoad="changeimage()"

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 04 Wed 2008 15:48
圖片分割結合

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

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

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

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>標籤之間。

// 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()
}
}

// - End of JavaScript - -->
</script>

將以下程式碼複製，貼在<body >標籤裡面。

onLoad="initiate()"

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 04 Wed 2008 15: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更改連結網址

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 02 Mon 2008 17: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'">

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 02 Mon 2008 17:37
芝麻開門

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

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

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

個人分類：網頁語法特效~圖片特效

▲top

Jun 02 Mon 2008 17:33
圖片陰影

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

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

個人分類：網頁語法特效~圖片特效

▲top

uuiop

有空來看看喔

圖片投射燈

動態圖片超連結

圖片翻頁效果

圖片塗抹效果

組合圖片

圖片分割結合

圖片連結變文字

滑鼠碰圖變色

芝麻開門

圖片陰影

文章分類

最新文章

RSS訂閱

文章精選

文章搜尋

新聞交換(RSS)

參觀人氣

QR Code

POWERED BY