图象特效

一个已封装好的漂亮进度条 2016-07-15

JavaScript判断图片是否能够加载,失败则替换默认图片 2016-06-30

JavaScript智能判断图片是否能够正确加载,若加载失败则用默认图片替换,这是个比较实用的功能,不少网站都可见到这种功能.一为使网站整洁,二来提升网页体验,不至于让别人觉得你这网站有问题.其实实现起来也是非常简单的,具体请看看代码. 图片加载失败时用默认图片替代 如需引入外部Js需刷新才能执行]

多图幻灯Pixelate马赛克效果 2016-06-05

纯JS实现的批量图片预览加载功能 2016-05-24

需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片1.实现原理直接见代码,需要一张转圈的小图片,需要预览的所有图片默认的位置全是这张小图片,滚轮滚到原图需要出现的位置时候,预览加载替换小图片.实现效果 代码如下: <div style="height: 2500px;" > & ...

图片展示效果鼠标经过变大图,支持FF 2016-05-12

用newImage()预先加载图片真的有用吗 2016-05-12

用newImage()预先加载图片真的有用吗
经常会用到在网页上交替显示图片.很多推荐的作法是用new Image() 预先装载图片.但是用new Image()真的有用吗?试验: 在后台放一个过滤器捕捉所有 /* 的请求: doFilter里面简单的打印请求的URL: 代码    HttpServletRequest httpRequest = (HttpServletRequest) request;    Sys ...

用js让图片在div或dl里居中,底部对齐 2016-04-07

解决图片长\宽大于容器,一边长一边宽,小于容器 在ff,ie里都通过这里是js代码: 代码如下:<HTML>  <HEAD>   <TITLE>  www.jb51.net New Document </TITLE>   <META NAME="Generator" CONTENT="Edi ...

javascript检测(控制)上传文件大小 2016-04-07

用户客户端检测图片的大小,实际应用中,服务器端测试仍必不可少. 如需引入外部Js需刷新才能执行] 测试过程,可以通过选择非图片与图片大小超过200K的图片测试.

JavaScript图片切割效果(放大镜)第3/4页 2016-02-22

自上一个版本的图片切割效果出来后,虽然也经常看到"框架开发这个如何如何容易"之类的评论,但也受到很多人的肯定,小弟在此感谢大家的支持.图片大小 容器的大小一般是固定的,但图片的大小就不是固定的,这里又可以使用SetSize程序用来设置图片大小: var s = this.GetSize(this._tempImg.width, this._tempImg ...

映彩衣的js随笔(js图片切换效果) 2016-02-17

映彩衣的js随笔(js图片切换效果)
最近写的一个关于图片切换的js,拿出来和大家分享一下 一个合作伙伴的页面效果,鼠标放到 图片上要变成彩色,本来就是一个简单的换色效果,但问题是,图片的高度和宽度不是一样大的. 这就比较麻烦了.如果把图片放到背景里就要一个一个的去定义图片外面的容器<a></a>,要多写很多层叠样式,太麻烦,最后我决定,把图片的高度的一一半,和图片的宽度赋值给它外面的容 ...

比较方便的onMouseWheel缩放图片效果原创 2016-02-12

比较方便的onMouseWheel缩放图片效果原创
<br>鼠标滑轮滚动查看效果,Author:reterry(dxy) www.jb51.net欢迎转载,转载时请写明出处.<br>按住ctrl键然后鼠标从图片上移开,图片可恢复原始大小</body></html> onMouseWheel缩放图片效果-www.jb51.Net 鼠标滑轮滚动查看效果,Author:reterry ...

js点小图显示大图的切换功能代码 2016-01-29

有时候做一些图片类型的信息,需要这个功能,好多朋友也问我要过类似的代码 javascript点小图出大图 练习 by 阿会楠 如需引入外部Js需刷新才能执行]

左右图片循环滚动停顿一下后继续 2016-01-10

javascript动态改变img的src属性图片不显示的解决方法 2015-12-03

最近写了几句javascript程序代码,涉及到了动态改变图片的效果,结果在ie下显示不出了来,实在是郁闷,上网找寻结果,终于发现了,原来是 浏览器的问题.现在将方法贴出来分享.首先讲下这个bug的出现的情况,页面中有 这么一个a标签,onclick中的JS代码就是改变id为current的img标签的src属性,以达到动态切换图片的效果.可是不幸的是:IE是动态改变的图片 ...

鼠标移动到一张图片时变为另一张图片 2015-11-20

代码如下:用以下代码.  <script language="JavaScript"><!--  c0off = new Image(80,30); c0off.src = "图片1位置";  c0on = new Image(80,30); c0on.src = "图片2位置";  functi ...

图片从右至左滚动JS 2015-10-29

图片从右至左滚动JS
前几天工作时遇到的一问题,不会写JS,请大猪来帮我写的,谢谢大猪了. 图片从右至左滚动JS代码: 1.直线滚动  如需引入外部Js需刷新才能执行]  2.波浪滚动 [X] 如需引入外部Js需刷新才能执行]

JavaScript图片切割效果(放大镜)第4/4页 2015-10-05

自上一个版本的图片切割效果出来后,虽然也经常看到"框架开发这个如何如何容易"之类的评论,但也受到很多人的肯定,小弟在此感谢大家的支持.这里贴出切割效果部分的代码: 代码如下:var isIE = (document.all) ? true : false; var $ = function (id) { return "string" ...

JS单击连接保存图片的函数 2015-09-17

JS单击连接保存图片的函数
下面的代码主要用于一些图片网站上,只要点击一下链接,即可出现保存图片对话框.2种形式都可以第一种: 如需引入外部Js需刷新才能执行]第二种: 点击这里下载图片 如需引入外部Js需刷新才能执行]

完全用CSS实现鼠标移动到图片并更换图片 2015-08-20

CSS实现鼠标移动到图片,更换图片,这是一个完全用CSS实现的效果,由此我们可以制作一些效果复杂的按钮,比如换色按钮CSS实现鼠标移动到图片,更换图片,这是一个完全用CSS实现的效果,当然用JavaScript也可以实现,当把鼠标移动到图片的时候,图片自动更换为其它的图片,由此我们可以制作一些效果复杂的按钮,比如换色按钮. CSS实现鼠标移动到图片,更换图片 如需引入外部J ...

在页面预览客户端本地图片的js代码(兼容FFIE) 2015-08-18

IE为了安全是不允许页面预览客户端本地图片的,也就是img元素的SRC是相对路径 不可能是绝对路径的 为了达成这一需求 需要使用滤镜公司最近有个项目有这样的需求我才发现我之前写的 如何通过JS获取用户本地图片路径 这篇文章里所使用的方法只支持本地页面预览本地图片 有一种解决方法是上传到服务器后返回相对路径 但是效率是个问题,编程复杂度也会提高 直接上demo代码 为更多有这 ...