用户登陆
日志分类
精华日志
查看精华日志...
最新日志
最新评论
站点统计
站点日历
日志搜索
图片效果代码（8）：其它图片代码 [ 日期：2008-02-28 ] [ 来自：<script language=JavaScript>
<!--
var num = 50
function chFilter() {
if(num > 2) {
num -= 1
img1.style.filter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=" + num + ")"
setTimeout("chFilter()",5)
} else {
img1.style.filter = ""
}
}
//-->
</script>
<body onload="img1.style.visibility='visible';chFilter()">
<img id=img1 style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden" src=http://nxaqq.com/blog/images/css/top1.gif border=0 align="absmiddle">
<!--
var num = 50
function chFilter() {
if(num > 2) {
num -= 1
img1.style.filter = "progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=" + num + ")"
setTimeout("chFilter()",5)
} else {
img1.style.filter = ""
}
}
//-->
</script>
<body onload="img1.style.visibility='visible';chFilter()">
<img id=img1 style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=50); VISIBILITY: hidden" src=http://nxaqq.com/blog/images/css/top1.gif border=0 align="absmiddle">
如果你有鼠标滚轮键，请移至图片，然后上下滚动，看其效果：<p>
<SCRIPT>
function bb_img_onmousewheel(e, o)
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom > 0) o.style.zoom = zoom + '%';
return false;
}
function bb_appendUrl(value, url) {
var s = url.split(".");
var ext = s[s.length-1];
var code = '';
switch (ext.toLowerCase())
{
case 'gif':
case 'jpg':
case 'jpeg':
case 'png':
code = '
';
break;
case 'swf':
code = '[flash]' + url + '[/flash]';
break;
default:
code = '' + url + '';
}
value = (value||'').toString();
if (value.indexOf(code) == -1)
{
if (value) value += "\n";
value += code + "\n";
}
return value;
}
</SCRIPT>
<IMG onmousedown=if(self.startMove)startMove(this,event) onmousewheel="return bb_img_onmousewheel(event,this)" style="CURSOR: move" src="http://nxaqq.com/blog/images/css/top1.gif" border=0>
<SCRIPT>
function bb_img_onmousewheel(e, o)
{
var zoom = parseInt(o.style.zoom, 10) || 100;
zoom += event.wheelDelta / 12;
if (zoom > 0) o.style.zoom = zoom + '%';
return false;
}
function bb_appendUrl(value, url) {
var s = url.split(".");
var ext = s[s.length-1];
var code = '';
switch (ext.toLowerCase())
{
case 'gif':
case 'jpg':
case 'jpeg':
case 'png':
code = '
break;
case 'swf':
code = '[flash]' + url + '[/flash]';
break;
default:
code = '' + url + '';
}
value = (value||'').toString();
if (value.indexOf(code) == -1)
{
if (value) value += "\n";
value += code + "\n";
}
return value;
}
</SCRIPT>
<IMG onmousedown=if(self.startMove)startMove(this,event) onmousewheel="return bb_img_onmousewheel(event,this)" style="CURSOR: move" src="http://nxaqq.com/blog/images/css/top1.gif" border=0>
<style>
img{width:200;height:50}
</style>
<img src=http://nxaqq.com/blog/images/css/top1.gif style="filter:revealTrans(duration=4,transition=12)" id=ye>
<script>
setTimeout("fadeOut()",300);
function fadeOut(){
ye.filters.revealTrans.apply();
ye.src="http://nxaqq.com/blog/images/css/top2.gif";
ye.filters.revealTrans.play();
setTimeout("fadeIn()",5000);
}
function fadeIn(){
ye.filters.revealTrans.apply();
ye.src="http://nxaqq.com/blog/images/css/top3.gif";
ye.filters.revealTrans.play();
setTimeout("fadeOut()",5000);
}
</script>
img{width:200;height:50}
</style>
<img src=http://nxaqq.com/blog/images/css/top1.gif style="filter:revealTrans(duration=4,transition=12)" id=ye>
<script>
setTimeout("fadeOut()",300);
function fadeOut(){
ye.filters.revealTrans.apply();
ye.src="http://nxaqq.com/blog/images/css/top2.gif";
ye.filters.revealTrans.play();
setTimeout("fadeIn()",5000);
}
function fadeIn(){
ye.filters.revealTrans.apply();
ye.src="http://nxaqq.com/blog/images/css/top3.gif";
ye.filters.revealTrans.play();
setTimeout("fadeOut()",5000);
}
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language=Javascript type=text/javascript>
//指定间隔播放时间(毫秒)的specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("http://nxaqq.com/blog/images/css/top1.gif","http://nxaqq.com/blog/images/css/top2.gif","http://nxaqq.com/blog/images/css/top3.gif","http://nxaqq.com/blog/images/css/top4.gif","http://nxaqq.com/blog/images/css/top2.gif")
//指定相应的超链接specify corresponding links
var slidelinks=new Array("#","#","#","#","#")
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>
</head>
<body>
<A href="javascript:gotoshow()"><IMG style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" src="http://www.it365cn.com/images/banner/wxboye.gif"
width=468 height=68 border=0 name=slide></a>
<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>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT language=Javascript type=text/javascript>
//指定间隔播放时间(毫秒)的specify interval between slide (in mili seconds)
var slidespeed=3000
//specify images
var slideimages=new Array("http://nxaqq.com/blog/images/css/top1.gif","http://nxaqq.com/blog/images/css/top2.gif","http://nxaqq.com/blog/images/css/top3.gif","http://nxaqq.com/blog/images/css/top4.gif","http://nxaqq.com/blog/images/css/top2.gif")
//指定相应的超链接specify corresponding links
var slidelinks=new Array("#","#","#","#","#")
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>
</head>
<body>
<A href="javascript:gotoshow()"><IMG style="FILTER: progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" src="http://www.it365cn.com/images/banner/wxboye.gif"
width=468 height=68 border=0 name=slide></a>
<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>
</body>
</html>
<body><body onLoad="fade()">
<img src="http://nxaqq.com/blog/images/css/top1.gif"
name="u" border=0
alt="Image" style="filter:alpha(opacity=0)">
<script language="JavaScript">
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
if(b==10) {
b++;
c = true;
}
if(c == false) {
b--;
}
u.filters.alpha.opacity=0 + b;
setTimeout("fade()",10);
}
</script></body>
<img src="http://nxaqq.com/blog/images/css/top1.gif"
name="u" border=0
alt="Image" style="filter:alpha(opacity=0)">
<script language="JavaScript">
var b = 1;
var c = true;
function fade(){
if(document.all);
if(c == true) {
b++;
}
if(b==100) {
b--;
c = false
}
if(b==10) {
b++;
c = true;
}
if(c == false) {
b--;
}
u.filters.alpha.opacity=0 + b;
setTimeout("fade()",10);
}
</script></body>
相关链接：图片效果代码
[本日志由 杜伟博客 于 2008-02-28 02:18 PM 编辑]