7款基于jquery的web前端的效果预览及源码下载

1.纯css3简单实用的checkbox复选框和radio单选框

简单实用的checkbox复选框和radio单选框。界面清淅、舒服。

在线演示 源码下载

2.jQuery实现重力弹动模拟效果特效

jQuery实现重力弹动模拟效果特效,鼠标经过两块黑色div中间的红色线时,下方的黑快会突然掉落,并在掉落地上那一刻出现了弹跳的jquery特效效果,非常不错。

在线演示 源码下载

3.基于jQuery打造的选项卡向上弹出jquery焦点图切换特效

基于jQuery打造的选项卡向上弹出jquery焦点图切换特效,鼠标经过标题栏,会出现层特效向上滑动,并且在同时进行幻灯片切换,效果十分不错。

在线演示 源码下载

4.基于jQuery编写的横向自适应幻灯片切换特效

基于jQuery编写的横向自适应幻灯片切换特效,全屏自适应jquery焦点图切换特效,在IE6这个蛋疼的浏览器兼容性问题上得到了和谐,兼容IE6。

在线演示 源码下载

5.仿酒仙网的一款jQuery侧栏弹出导航栏特效

仿酒仙网的一款jQuery侧栏弹出导航栏特效,一款常用于商城左侧商品导航的jquery菜单导航特效。非常不错的一款商品分类特效。

在线演示 源码下载

6.Query编写的大度宽屏焦点图切换特效

Query编写的大度宽屏焦点图切换特效,焦点图显示区域有固定的宽度,当前显示宽度之外是一个半透明层显示的其它的焦点图片。

在线演示 源码下载

7.基于jQuery编写的jquery焦点图3D旋转切换

基于jQuery编写的jquery图片3D旋转切换,一款简单而是用的jquery焦点图3D切换效果。需要点击才可以进行切换,大伙可以再此基础上进行优化,自动切换图片。

在线演示 源码下载

时间: 2024-12-24 13:32:23

7款基于jquery的web前端的效果预览及源码下载的相关文章

9款基于jquery的web前端的特效预览及源码下载

1.高兼容性的jQuery高亮关键词搜索插件 高兼容性的jQuery高亮关键词搜索插件,在搜索框中输入要搜索的的字,下方就会出现当前输入字在文章中出现背景色. 在线演示 源码下载 2.jQuery响应式图片滚动播放插件 jQuery响应式图片滚动播放插件,jQuery响应式图片播放插件是一款具有响应式功能的图片播放插件Flexisel. 在线演示 源码下载 3.基于jquery实现的图片拖动排序jQuery List DragSort插件 基于jquery实现的图片拖动排序jQuery List

10款经典的web前端特效的预览及源码

1.CSS3响应式导航菜单 今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜单时下拉展示全部菜单.此方法可以应用到有特别多的链接菜单项目中,特别在移动项目中,它可以将所有菜单转换成一个按钮式的下拉菜单. 在线演示 源码下载 2.使用raphael.js绘制中国地图 最近的数据统计项目中要用到中国地图,也就是在地图上动态的显示某个时间段某个省份地区的统计

6个绚丽时尚的Web前端3D效果展示(附源码)

作为一个前沿的 Web 开发者,对于 HTML5 和 现在流行的3D技术或多或少都有掌握.前几年这些新技术刚萌芽的时候,开发者们已经使用它们来小试牛刀了,如今这些先进技术已经遍地开发,特别是在移动端大显身手.这篇文章挑选了6个前沿的绚丽的3D展示效果,希望对你有所帮助. 1.  3D自由立体旋转现实物理效果 3D自由立体旋转是一个基于 HTML5 技术的实验,模拟现实物理效果,让你在 Web 中感受自然物体的3D自由立体旋转运动.玩法介绍:可以随意拖动鼠标.按住鼠标左键选中旋转物体.或者按住鼠标

几种非常精美的Web前端标签效果展示(附源码)(上)

1.  Tag标签管理jQuery插件 玩法介绍:可以随意拖动鼠标.按住鼠标左键选中旋转物体.或者按住鼠标滑轮放大或者缩小,有不同的效果,赶紧来体验一下. 源码下载  /  在线演示 2.  jquery标签回车自动完成 这个插件集成了一些非常好的 JavaScript 库,提供一个方便使用的文本动画插件. 源码下载 /  在线演示 几种非常精美的Web前端标签效果展示(附源码)(上)

几种非常精美的Web前端标签效果展示(附源码)(下)

3. jquery自定义添加标签 jquery实现的,会在当鼠标光标移动到接近(或通过)视口(viewport)的顶部的时候触发. 源码下载/   在线演示 4.  jquery标签云无规则样式 能在支持 FireFox.Chrome.Safari.傲游.搜狗.360浏览器. 源码下载/   在线演示 5.  jQuery metro风格的文字标签云 源码下载/  在线演示 几种非常精美的Web前端标签效果展示(附源码)(下)

10款基于jquery的web前端特效及源码下载

1.jQuery时间轴插件:jQuery Timelinr 这是一款可用于展示历史和计划的时间轴插件,尤其比较适合一些网站展示发展历程.大事件等场景.该插件基于jQuery,可以滑动切换.水平和垂直滚动.支持键盘方向键.经过扩展后可以支持鼠标滚轮事件. 在线演示一 在线演示二 在线演示三 源码下载 2.使用Ctrl+Enter提交表单 我们发表微博或论坛发帖时,在内容输入框中输入完内容后,可以点击 提交 按钮来发表内容.可是,如果你够 懒 ,你可以不用动鼠标,只需按住键盘上的Ctrl+Enter

收藏5款基于jquery的web前端效果预览

1.基于jquery的圆形动画按钮 今天要给大家带来一款基于jquery的圆形动画按钮.这款按钮鼠标经过的时候以边框转圈,然后逐渐消息,在实例中给出了四种颜色的demo. 在线演示 源码下载 2.使用jQuery和CSS3制作数字时钟 数字时钟可以应用在一些WEB倒计时效果.WEB闹钟效果以及基于HTML5的WEB APP中,本文将给大家介绍不借助任何图片,如何使用CSS3和HTML来制作一个非常漂亮的数字时钟效果. 在线演示 源码下载 3.基于纯 CSS3 技术实现美观的标签云效果 标签云是博

10款基于jquery的web前端动画特效

1.jQuery横向手风琴图片切换动画 之前我们为大家分享过很多款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件,比如CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展示插件.今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画,鼠标滑过图片时即可展开,并且图片上方有文字标题,非常实用. 在线演示 源码下载 2.jQuery/CSS3渐变颜色拾取器 之前我们向大家分享过一款功能十分强大的jQuery颜色拾取器,支持透明度的选取.今天要为大家介绍的同样是一款基于jQuer

分享web前端十款经典jquery特效预览及源码下载

1.纯CSS3实现超酷的磁带动画 我们要用纯CSS3来实现一个超酷的磁带动画特效.首先用纯CSS3绘制了一个磁带的外观,还是相当逼真的,然后用CSS3的动画属性实现了磁带的旋转,就像在播放歌曲一样,如果配合HTML5的音频播放功能,就和那个磁带播放器差不多了. 在线演示 源码下载 2.HTML5仿Apple Watch时钟动画 Apple Watch刚刚发布不久,就已经有国外的大牛将其时钟表盘界面用HTML5模仿出来了,并且这款HTML5仿Apple Watch的时钟是动态的,可以根据本地时间实