- 2012-12-09
用CSS控制的多种图片的展示效果,有百叶窗、有切入、有马赛克等,主要是练习了CSS滤镜的使用方法,每一个其实只是滤镜的改变而已,希望对学习CSS的朋友有所帮助。
- 2012-12-09
看到有些论坛会有这种效果,就是点击一次图片后,图片会自动切换成另一张,避免用户重复点击,这里主要是用JS定义了一个函数,点击图片时调用该函数。运行一下,看看效果吧。
- 2012-12-07
从老外那里整理出来的,优化了部分JavaScript代码,图片地址及文字描述都写在JS的数组里,因此适合一些不经常更新的页面,因为将地址及信息写进数组,对动态更新造成一定麻烦,用到的可关注一下。
- 2012-12-07
纯CSS实现的图片滚动,见过吗?其实也不能称之为滚动,说成是图片提示可能更贴切一些,其实CSS是不能实现动态滚动的,只能借助于JS或JQUERY等插件或脚本,不过本款用来作一个带提示的图片特效相当不错。
- 2012-12-07
仿淘宝网的商品图片预览效果,点击小缩略图会生成预览大图,这里的生成是指调用,当鼠标放到小图上时激活脚本,开始加载大图,一方面减少网页带宽,另一方面可以方便用户浏览图片,提高用户操作舒适度,总体感觉效果不错,几乎和淘宝网的一一模一样。
- 2012-12-07
图片载入Loading效果,当图片没有载入的时候,显示正在加载中,当加载完成出现图片,LOADING可以有效防止资源浪费,提升用户体验的好方法。
- 2012-12-07
CSS等比例缩小图片,实用性较强的一个CSS技巧,等比例一般都是在我们规定的高度或宽度超出范围时候,另图片以高或宽为基准按比例缩小或放大,这样保证网页布局的整齐性,这也是CSS功能的强大之处。不过本处是CSS调用了expression,也就是说用CSS调用了JavaScript,有点
- 2012-12-07
又一个基于JavaScript的新闻类图片切换特效,一张一张自动循环播放,虽然没有什么华丽的修饰功能,但这款图片幻灯切换的最大优点是可以很好的和动态语言ASP/PHP/ASP.NET结合,从数据库中读出图片地址,自动生成图片幻灯切换单元,大大增加了它的实用性,对CSS比较熟悉的
- 2012-12-07
这个CSS特效代码很不错,将一幅图片变成拖尾的影子效果,就是大家所说的幻影效果,同样是使用CSS的filter滤镜,一句代码就解决了问题,你可以试着改变他们的参数,会有更炫的效果出现。
- 2012-12-07
JavaScript控制一张图片旋转,每次旋转90度,可旋转一周360度,以前没见到过,也不知道有没有用,奉献给大家,希望喜欢。
- 2012-12-07
一个图片效果,鼠标放到图片上,图片会错位一下,以前在不少网站见到过,用好了也挺不错的。原本以为这种效果是用纯CSS实现的,捣腾半天没搞定,后来配合JS,总算实现了,边框暂时黑色,如果你有用得上,那就自己根据你的站修改一下吧。
- 2012-12-06
不知道该如何形容这种效果,就叫做雷达效果吧,像一束光一样照亮整个图片,背景图片变暗,这里是用CSS降低了图片的透明度。个人感觉不怎么实用,有喜欢的拿去。
- 2012-12-06
JavaScript改变图片透明度,当我们把鼠标放到图片上的时候,图片的透明度慢慢变大,图片越来越清淅,也就是大家常说的图片渐变,淡入淡出效果,并能适时显示透明度的变化情况,支持多张图片。用本物资做一个图片导航应该很不错。
- 2012-12-06
来自腾讯网首页的商品滚动特效,引用了远程的图片和文字 ,请下载到本地,总之效果还是不错的,美观,占用位置少。布局灵活。
- 2012-12-06
在同一页面增加多个拖动对象,也就是多个图片,在指定区域内拖动,学习JS拖动值得一看。
- 2012-12-06
很炫的图片展示特效,由一组图片构成一个3D的圆环状,并自动旋转,鼠标放到某一图片上会自动停止,JavaScript 的功能真够强大,你是不是后悔没有学好JS呢?
- 2012-12-06
很有意思的图片分割效果,你可以点击任意一个图片,会看到图片会成对分裂复制,无限制下去,就像链式反应一样,运行一下,看看效果吧。
- 2012-12-06
非常漂亮的JS+CSS图片幻灯切换特效,用在你的首页比较不错,宽屏图片格式,每张图片平滑飞入切换,鼠标放上自动切换,和FLASH的平滑效果差不多,视觉冲击效果很爽,而且代码也不多,调试调用都方便,建议关注一下哦!
- 2012-12-06
使一组图上无缝向上滚动的效果,用CSS定义滚动区域的大小与图片正好重叠,然后用JS定义每次滚动的距离也正好与图片大小一样,实现了这种美妙的图片效果。如果要更改图片的大小,记着要把CSS也一并修改哦!
- 2012-12-06
同样是一个JavaScript图片特效,几乎所有的地图网站都有这种效果,鼠标放上后会出现一个拖动标志,你可以不把鼠标放到图片上,照样可以实现拖动,而且是在限制的区域内拖动,这个代码对我们很有用处。