用javascript实现图片马赛克后显示并切换- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 用javascript实现图片马赛克后显示并切换

Javascript: 推荐:极酷右键菜单; 跟随鼠标旋转的文字; 拖动层效果，兼容IE和FF!; 由 element.appendChild(newNode) ,谈开去; 发个自己写的表格操作类(添加，删除，排序，上移，下移); 小议Function.apply() 之一------(函数的劫持与对象的复制); 小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能; JavaScript中令你抓狂的魔术变量; [原创]网络复制内容时常用的正则+editplus; createElement和onclick; 很有趣的一段textarea; 用 JavaScript 给站外链接的 cursor 进行改造; 一段好玩的JavaScript代码; IE中实现全屏广告代码，霸道无比.; phpwind放自动注册方法; 线路分流自动跳转代码；希望对大家有用！; 鼠标放在放在输入框上面提示效果; 常用js脚本; 硬盘浏览程序，保存成网页格式便可使用; Js的MessageBox

No. « ‹ 33 34 35 36 › »

技术文章搜索

关键字

Javascript 中的用javascript实现图片马赛克后显示并切换

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 150 ::

收藏到网摘: n/a

JS Timing 用javascript实现的图片马赛克后显示并切换加文字功能

<script language="JavaScript1.1">
var slidespeed=3000
//specify images
var slideimages=new Array("http://www.blueidea.com/articleimg/upload/2006/3/5/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="http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_1_7.jpg" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></a>
<script language="JavaScript1.1">

</script>

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

JS Timing 用javascript实现的图片马赛克后显示并切换加文字功能

评论 (0) All