图象特效

DOMScripting中的图片切换兼容Firefox 2016-05-25

DOMScripting中的图片切换兼容Firefox
dom scripting确实是一本对javascript dom编程很有指导意义的书,今天看了书中一个简单的图片切换实例,感觉很有意思.学习过程中多分析别人的代码实现是个好的习惯,哪怕不是很明白,跟着多敲几遍代码也是很培养感觉的事情.下面是实际的效果(一般我只在firefox中测试):        鼠标滑过上面的导航链接时 下面框中图片进行流畅的切换,左右移动的效果 h ...

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

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

网页特效从下往上过渡共享图库_最新图片 2016-04-17

网页特效从下往上过渡共享图库_最新图片
非常不错的应用,图片的轮换效果,用于一些图片的现实. 共享图库_最新图片 五一欢乐购 棉花 广告设计素材 结婚请柬 玫瑰和心 写实荷花 海报设计 水墨荷花 7周年庆 百.. 海报背景设计.. 第五季 美容宣传单 .. 蝶舞女人花 移动畅听 卡.. 春天 树叶与灯泡 .. 风景 红酒之夏 第.. 紫幕城市 韩风草莓 时尚美女 五一节 精美花纹 放歌五一 如需引入外部Js需刷新 ...

JS文件大小判断的实现代码 2016-04-03

有时候我们的图片上传等功能,需要验证客户端的图片大小,比较只能上传小于100K的图片,这里客户端先简单的验证下.方法一,利用ActiveX控件实现: 代码如下: <script type="text/javascript"> function getFileSize(filePath) { var fso = new ActiveXObjec ...

推荐自用Javascript缩图函数(onDOMLoaded)…… 2016-03-05

070520:Norman 君给出了 Dean Edwards 等关于 onDOMLoaded 事件的跨浏览器解决方案-- 其实 onDOMLoaded 是 DOM 被载入(图片尚未载入)状态下的一个"不存在的"事件-- 由于不同浏览器的支持度不同-- 所以需要进行 Hack -- 所幸 Dean 和其他一些朋友反复研究后给出了解决方案-- 在此表示感谢 ...

JS图片缩放效果代码 2016-02-23

现在许多网站上都有图片的自由放大和缩小功能.这里的代码并不好,适合开始学习js朋友.更多更好的代码,可以搜索以前的文章. 代码如下:<HTML> <HEAD> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> & ...

javascript火狐(firefox)不显示本地图片问题解决 2016-01-19

在Firefox一直不能用js做出图片预览的效果,下面这个即可解决,用替换的方法实现firefox支持得的路径格式<img  src=""/> <script> function fileChange(obj) { var url = obj.value url = "file:///" + url.repla ...

js实现图片等比缩略显示支持IE/FF 2016-01-14

TFDN图片播放器不错自动播放 2015-12-11

javascript图片滑动切换代码 2015-11-13

nVida网站的图片滑动特效,这里为了快速演示效果,去掉了原有的图片用数字来代替,你完全可以插入你想要的图片,本特效使用JS实现,用CSS配合固定图片,以滑动的方式切换相应的多张图片. nVida网站图片滑动-http://www.jb51.net 1 2 如需引入外部Js需刷新才能执行]

JS实现全景图效果360度旋转 2015-11-09

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

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

js图片等比例缩放代码 2015-10-28

js 图片等比例缩放代码,需要的朋友可以参考下. 代码如下: var scaleImage = function(o, w, h){ var img = new Image(); img.src = o.src; if(img.width >0 && img.height>0) { if(img.width/img.height >= w/ ...

JavaScript图片切割效果(放大镜)第2/4页 2015-09-24

自上一个版本的图片切割效果出来后,虽然也经常看到"框架开发这个如何如何容易"之类的评论,但也受到很多人的肯定,小弟在此感谢大家的支持.下面说说各部分的作用: 容器: 除了容器本身的作用,通过设置其背景色来设置透明的渐变色,由于图片本身没有背景色所以要通过容器来设置: 底图层: 在容器最底部,作用是显示非选择区域的图片,透明效果就是在这层设置: 切割层: ...

Blocksit插件实现瀑布流数据无限(异步)加载 2015-09-05

BlocksIt 瀑布流插件是基于jquery的,使用也非常简单,是为数不多的几款动态瀑布流插件之一.html代码: <div style="width:1000px; overflow:hidden; margin:0 auto"> <div class="kppcl" style="width:1008 ...

北京奥运官方网站幻灯切换效果flash版打包下载 2015-08-29

废话不说,可以随意更换图片.内附简单说明. 喜欢的自己下载非常不错的幻灯片图片切换效果,用flash+js实现核心代码演示地址本地下载

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

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

JavaScript妙味课堂物体平滑移动特效 2015-08-05

JavaScript妙味课堂上的一个教学实例,物体平移运动特效,点击按钮后激活函数,控制图片在一定时间内匀速运动,是最简单.最基础的运动方式,其特点是运动的方向和速度都不发生改变. JavaScript物体平移运动特效 如需引入外部Js需刷新才能执行]

发一个自己用JS写的实用看图工具实现代码 2015-08-01

所以决定慢慢来照顾一下博客吧,这里先把眼前就有的一个小东西拿出来和大家分享一下,这是2006年的时候文本里记下了时间,不然也忘记了为了自己看网络图片方便而写的.  因为某些网站把内容图片以每页显示一幅的形式呈现,而每页都有大量没用的垃圾信息(广告.新闻和无关图片),非常影响看图效率.所以写了这个,只要知道第一幅图片的URL,填在本网页里,设置一下起始和结束编号,就可以显示带 ...

多图幻灯Wipe擦洗效果 2015-07-07