- 2012-12-17
很奇异的一个图片特效,鼠标移上黑白图片,图片会变成彩色的,是不是很神奇?其实你只要懂得的原理就不觉得稀奇了!实际上图片本来就是一幅彩色的,只不过是先用CSS的FILTER将其设置成gray,也就是灰色,然后再设置鼠标移上图片的效果为空,这样图片就回到了原来的彩色
- 2012-12-16
仿FLASH光照效果一样的图片特效,其实是用JavaScript实现的,看上去还不错,有一束光从上到下移动,图片会产生亮暗分明的效果。
- 2012-12-16
用CSS实现简单的图片阴影效果,实现原理是设置图像本身的BORDER,然后在A标签设置比BORDER标签更浅一点的颜色,这样看上去就像是给一个图片加了阴影,如果你得像素之差还可以继续完善,使其更完美。
- 2012-12-16
一组图片成批向上滚屏特效,在新浪、QQ网经常会看到这种特效。实际上是运用了Iframe嵌入页面,也就类似于DIV区域,这个用的时候尽量改成DIV,IFRAME有很多不太好的地方,希望你喜欢。
- 2012-12-16
CSS用Alpha改变图片透明度的代码,可以控制一个图片由透明变为清淅,看上去很舒服。
- 2012-12-15
一个很纯静的基于JavaScript的图片淡入淡出过渡代码,可以设置多张图片循环播放切换,图片宽度和高度自己调整。预览时如果看不到效果的话,可以等待页面加载完毕。
- 2012-12-15
像马赛克效果一样的图片切换技术,每一张都可以加链接,相信我们在不少网站上都已经见到过本效果。
- 2012-12-15
让一幅平铺于网页背景的图片也具备链接锚点的功能,其实这里是用到了CSS的display:none属性,用这个属性控制秘属于背景中的文字链接呈不可见状态,这样就实现了背景链接功能。
- 2012-12-15
竖向图片滚动特效,常见于网站的友情链接滚动效果,从上到下或从下到上,这个只需更改一个参数就可实现,而且它是无缝滚动,循环播放。滚动区域由最上层DIV控制,这个根据你的需要修改下,另外滚动速度JS代码里也有,自己也可以改。
- 2012-12-15
又一个CSS图片边框阴影效果,很不错的,自动适应图片大小,也就是背景会随着图片的大小自动改变,不失真,从国外网站搞下来的,用到有两个背景图像,预览时可以下载。虽然有时候可以不用背景图像就可以实现CSS阴影,但感觉用图片实现的这种效果看上去更自然一些。
- 2012-12-15
仿水纹波动JS的图片切换,每一张切换的时候都像水纹一样,看上去比较漂亮,更换图片容易,只需替换掉JS数组的图片地址即可,有兴趣的朋友可以改成动态读取数据库的版本,这样会大有用处。
- 2012-12-15
缓慢飘起来的浮动图片,当然可以用来作浮动广告啦,很不错,再添加一个关闭按钮就OK了,本代码是基于JS的,因些你可将其另存为一个新文件,用的时候引入就可以了。
- 2012-12-15
JavaScript+CSS完成的漂亮相册展示效果,运用了大量CSS代码,JS代码并不多,它可以自动获取链接图片的地址以及TITLE标签的信息,当鼠标点击小图的时候它就会自动加载大图,类似有点Ajax的感觉。
- 2012-12-15
鼠标放图片上,改变图片透明度,一个很不错的图片鼠标悬停效果,其实CSS完全可以实现,不过本代码实现的是渐渐改变透明度,因些用到了JS去控制频率,用的时候完全可以去掉此步骤,用CSS就完全可以实现。
- 2012-12-15
鼠标滑过图片显示缩略图,看上去这个特效很惹人喜欢,闲来无事,在研究CSS,在网上见到类似的效果,又修改了一下,基本实现了鼠标经过缩略图放大图片的功能,主要是运行了CSS的overflow属性,有兴趣的朋友仔细研究一番吧。
- 2012-12-11
JavaScript简易图片分割,不能拖动分割,指定区域分割,还不清楚怎么玩,有兴趣的朋友可以研究研究。
- 2012-12-11
JavaScript控制图片水平淡入淡出切换,同时实现图片的半透明效果,修改一下就可以变成一个图片幻灯了。
- 2012-12-11
一款比较平滑的图片抖动特效,鼠标放到图片上触发JS函数,记得QQ聊天有一个窗口抖动效果,和这个类似,很可爱。
- 2012-12-11
鼠标放到图片后,会出现悬停提示,悬停提示内可以是图片,从代码实现思路上来说,本代码很有创意,代码很精简,如果原图你强制变为小图的话,那么当鼠标放上去以后,会放大出大图,实际上加载的是同一张图片,因此这决定了这款代码在加载速度上有些影响。
- 2012-12-11
超酷的图片透明度动态变化特效,用CSS实现透明度变化,然后再用JS去控制这一变化是缓慢的,也就是淡淡出现,多写些代码,但效果肯定是不一样的,希望喜欢哦!