jQuery模拟FLASH动画效果做的动感网页切换,你感觉这些网页像是由Flash做的,每点击一个链接,它都有动画载入的效果,实际上它是由jQuery来完成的,一些正在研究jQuery生成动画功能的朋友,本实例将是一个绝佳的范例,期待你下载参考。
这是一款基于TweenMax.js+SVG实现的全尺寸设备展示动画效果源码。画面中由TweenMax.js+SVG构成的电脑、PAD、手机以及横竖屏等设备不停地按顺序变换,且设备之间变换过渡效果流畅自然,动画效果简介逼真。建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)等浏览器预览本源码。
这是一款非常漂亮的CSS3制作的鼠标滑过导航菜单时的从左到右出现下划线动画效果。
效果描述: 有的时候我们需要在网页里显示一个1x1像素大小的透明的gif小图片 然后给它设置一个高度和宽度。但是往往又要请求一个图片地址。 减少文件请求数量,这个是我最喜欢的方式 我们都知道图片有一个base64编码,可以将你的图标变成代码的方式 现在的无线淘宝应用往往都是采用这种方式 今天特意将一个小的透明的图片压缩后代码提供给大家使用 使用方法: 附件中图片src指向的代码
今天,将向您展示如何创建一个简单的图像缩小效果。这个效果是图片最初是放大的,然后鼠标移动上去会自动收缩。此效果可用于摄影网站或图片展示的画廊。我的例子使用了彩色照片,黑白会更加艺术。
这是一款基于原生JS实现彩色漂浮的文字动画特效源码。点击界面中央的按钮可控制彩色文字的动画浮动漂浮效果的开启与重置。是一款比较典型的JS动画效果代码。由于界面中使用了部分HTML5元素,建议使用支持HTML5与css3效果较好的火狐(Firefox)或谷歌(Chrome)浏览器预览本源码。
请用FireFox4.0[及以上版本] 和 Chrome11[及以上版本]打开。 别的,没什么可说的,就是做着玩。看演示吧
jQuery实现的箭头控制文字列表切换特效源码是一款实现了当鼠标悬浮文字列表时更换样式并往右移动的效果代码,本段代码适应于所有网页使用,有兴趣的朋友们可以前来下载使用。
一款简单的网页日历日期js代码,jQuery简易日历插件下载。
这是一款可以设置多个人物关系图样式,支持json调用复杂关系图设置的Canvas可拖动动画人物关系图代码。
layer遵循于LGPL开源协议,她是一枚可以让你想到即可做到的web弹窗/层js组件。layer侧重于用户灵活的自定义,为不同人的使用习惯提供全方位设计,您的页面会因此拥有更丰富、友好的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现各类交互。layer提供了五种模式的层,分别为:信息框、页面层、iframe层、加载层、tips层,而layer.ext.js提供的拓展层是在这五种模式
这是一款基于CSS3+SVG实现的天气预报移动应用界面动画效果源码。画面中心是一个iPhone风格的手机界面,手机界面中显示巴黎的埃菲尔铁塔以及下方的云雾,同时标注了时间、天气、温度等数据。鼠标滑过图片中心的埃菲尔铁塔可看到下方的云雾也随之移动。画面风格清新、简约自然。基于css3+svg绘制实现,没有引入任何外部图形或js脚本元素。建议使用支持HTML5与css3效果较好的火狐(Firefox
jQuery动态更改选择下拉列表的外观,经过美化后的选择列表非常漂亮,列表项带有美丽的图标,调用也非常简单,经测试效果相当不错,感兴趣的朋友可以下载学习下哦。
这是一款基于html5+css3实现的手机测眼力小游戏源码,画面上的3个装有宝物和星星的小球快速变换位置,用户则需要在小球停住的时候辨别出藏有宝物的小球位置,以此训练眼力。是一款比较简单的经典手机小游戏源码。建议使用支持HTML5与css3效果较好的火狐或谷歌等浏览器预览本源码。
jQuery UI 3D立体滑块拖动特效是一款基于jquery跟css3制作的带阴影效果的立体形状,借助jQuery UI来实现,在滑块拖动的时候,还可以显示联动的数值,效果非常棒。
纯css3绘制星际动画特效,来自大神的作品,分享给大家。
jquery鼠标点击弹性显示详情特效代码
基于JavaScript实现图片截图可放大缩小拖动特效源码是一款原生JS图片截图选取特效。通过正方形方框选中图片截取范围,上下左右箭头调节图片的裁剪大小。需要此款代码的朋友们可以前来下载使用。本段代码兼容目前最新的各类主流浏览器,是一款非常优秀的特效源码。
Botui是一款简单的js聊天机器人框架。Botui基于Vue.js,通过简单配置,就可以制作出一个功能简单的聊天机器人,非常神奇。本代码适用浏览器:搜狗、360、FireFox(建议)、Chrome、Safari、Opera、傲游、世界之窗,不支持IE8及以下浏览器,首选火狐浏览器。是一款不错的的特效插件,需要的朋友可以下载!希望大家喜欢!
效果描述: 一个使用原生js实现的放大镜效果 推荐大家使用,非常简单方便 使用方法: 1、将head中的CSS样式拷贝到你的网页中 2、将body中需要的代码部分拷贝到你需要的地方即可
关注时代Java