论坛首页 Web前端技术论坛

25款jquery 图片特效代码

浏览 6333 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2013-01-23  

1、jquery+css3实现的图片墙效果

 

 

 

 

很beautiful的一个图片墙效果,鼠标可直接拖动叠加
提醒:请使用支持CSS3的浏览器,IE9等同类别版本即可,IE8及以下版本不支持
建议在最新版的火狐浏览器下浏览最佳

 

预览地址:http://www.lanrenzhijia.com/yulan/61/

 

2、CSS3仿Windows 7的开始菜单

 

 

 

 

纯CSS3实现的,仿windows系统开始菜单。记住,只能在高版本(支持CSS3)的浏览器下才能正常运行的哦

 

预览地址:http://www.lanrenzhijia.com/yulan/169/


3、jquery+css3实现图片水中倒影效果

 

利用jquery特效,图片中静态的水显示出动态的效果;
友情提醒:请在较高版本浏览器下浏览,低版本不支持

 

预览地址:http://www.lanrenzhijia.com/yulan/214


4、css3实现的3D图片展示效果

 

预览地址:http://www.lanrenzhijia.com/yulan/264/


5、jquery+css3实现的焦点图特效

 

预览地址:http://www.lanrenzhijia.com/yulan/254/


6、jquery+css3实现的波浪式图片查看插件

 

http://www.lanrenzhijia.com/yulan/230/


7、CSS3实现多页签图片缩放切换效果

 

预览地址:http://www.lanrenzhijia.com/yulan/284/


8、C33实现的图片滑动效果

 

 预览地址:http://www.lanrenzhijia.com/yulan/281/


9、jQuery+css3实现的显示倒数计时器代码

 

预览地址:http://www.lanrenzhijia.com/yulan/271/


10、C33实现点击图片渐渐放大特效

 

预览地址:http://www.lanrenzhijia.com/yulan/308/


11、CSS3实现图片全屏背景特效

 

预览地址:http://www.lanrenzhijia.com/yulan/302/


12、CSS3实现的鼠标移动到图片上不规则放大

 

预览地址:http://www.lanrenzhijia.com/yulan/298/


13、jQuery+CSS3模拟苹果桌面系统

 

预览地址:http://www.lanrenzhijia.com/yulan/296/


14、CSS3+jQuery 照片翻开效果

 

预览地址:http://www.lanrenzhijia.com/yulan/295/


15、CSS3实现按钮点击效果

 

预览地址:http://www.lanrenzhijia.com/yulan/294/


16、css3实现的缩略图为原型的焦点图代码

 

预览地址:http://www.lanrenzhijia.com/yulan/334/


17、一款来自国外网站图片不规则排列的焦点图

 

预览地址:http://www.lanrenzhijia.com/yulan/333/


18、CSS3实现的点击按钮背景图片不断切换的JS代码

 

预览地址:http://www.lanrenzhijia.com/yulan/318/


19、CSS3实现鼠标移动到DIV上高亮显示特效

 

预览地址:http://www.lanrenzhijia.com/yulan/313/


20、jQuery+CSS3旋转动画轮播幻灯特效代码

 

预览地址:http://www.lanrenzhijia.com/yulan/391/


21、jquery+CSS3实现的百叶窗效果

 

预览地址:http://www.lanrenzhijia.com/yulan/375/


22、CSS3实现圆形导航效果

 

预览地址:http://www.lanrenzhijia.com/yulan/365/


23、jquery+css3实现图标震动效果

 

预览地址:http://www.lanrenzhijia.com/yulan/453/


24、CSS3实现苹果导航栏图片放大效果

 

预览地址:http://www.lanrenzhijia.com/yulan/406/


25、CSS3在线模拟时钟日期效果

 

预览地址:http://www.lanrenzhijia.com/yulan/458/

   发表时间:2013-01-25  
看起来都很漂亮,可是实际用不起来,很多客户还在用IE6呢
0 请登录后投票
   发表时间:2013-01-28  
这个。。。。相当熟悉哇,好多网站上都看到类似的,蛮好
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics