用javascript实现图片马赛克后显示并切换_图象特效

<script language="JavaScript1.1">
var slidespeed=3000
//specify images
var slideimages=new Array("yun_qi_img/2482150_1_7.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_2_1.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg")
//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>
<a href="javascript:gotoshow()"><img src=https://yunqi-tech.oss-cn-hangzhou.aliyuncs.com/2482150_1_7.jpg name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></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>


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间: 2024-09-30 08:32:03

用javascript实现图片马赛克后显示并切换_图象特效的相关文章

用javascript实现的图片马赛克后显示并切换加文字功能_图象特效

<script language="JavaScript1.1"> var slidespeed=3000 var slideimages=new Array("yun_qi_img/2482150_1_7.jpg","yun_qi_img/2482150_2_1.jpg","yun_qi_img/2482150_3_2.jpg","yun_qi_img/2482150_3_2.jpg",&qu

javascript 不间断的图片滚动并可点击_图象特效

css: 复制代码 代码如下: <style type="text/css"> .rollBox { width: 704px; overflow: hidden; padding: 12px 0 5px 6px; } .rollBox .LeftBotton { height: 52px; width: 19px; background: url(jt.gif) no-repeat 11px 0; overflow: hidden; float: left; displa

javascript 图片放大缩小功能实现代码_图象特效

JavaScript 图片放大效果及代码说明_图象特效

select测试是否能覆盖

JavaScript 控制图片改变重叠顺序的代码(鼠标移动切换)_图象特效

自适应图片大小的弹出窗口_图象特效

很多时候我们需要提供这样的功能给访问者:当访问者点击页面中的缩略图时,其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看. 实现此功能的最简单作法是用以下HTML代码创建一个图像链接: <a href="fullsize.jpg" target="_blank"><img src="small.jpg"></a>  其中<a>标记的href属性指定全尺寸图片的URL,target属性设置为_b

TFDN图片播放器 不错自动播放_图象特效

复制代码 代码如下: <html> <head> <title>52515.net上传程序</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style type="text/css">     <!--     body,td,th {     font-size

又一个图片自动缩小的JS代码_图象特效

<script language="JavaScript">  <!--  var flag=false;  function DrawImage(ImgD){  var image=new Image();  image.src=ImgD.src;  if(image.width>0 && image.height>0){    flag=true;    if(image.width/image.height>= 180/110)

常见JS效果之图片减速度滚动实现代码_图象特效

复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>图片减速度滚动(by rentj1@163.com;)</title> <style> ul{ margin:0; padding:0} ul{ list-style:none;} body{font:12px/1.2 "宋体"; } .