推荐9款炫酷的基于jquery的页面特效_jquery

1.基于jquery实现的带按钮的图片左右滚动切换

jquery带按钮的图片滚动切换代码是一款jquery制作带按钮的图片左右滚动切换特效代码

在线演示

源码下载

2.基于jQuery的图片上下左右无缝连续循环滚动

imgscroll插件是一款支持图片焦点滚动(支持渐变和滚动),图片连续无缝循环滚动的js库,依赖于jQuery图片无缝连续循环滚动 支持上下左右的滚动。

在线演示

源码下载

3.jquery实现的fixed固定层时间轴动态效果

jquery实现的fixed固定层时间轴动态效果源码,是一段非常使用的层固定显示代码。

在线演示

源码下载

4.jQuery实现的某酒店预订页面双日期选择框的效果

jQuery实现的某酒店预订页面双日期选择框的效果源码,是一段可以在旅游网页中使用的酒店预定页面代码,如果在此段代码中加入搜索功能就更完美了,此段代码最大的特点就是支持双日期选择框。

在线演示

源码下载

5.jquery实现的支持电脑显示的模仿手机相册排列及查看效果

jquery实现的支持电脑显示的模仿手机相册排列及查看效果源码(无触摸功能),是一段可以在电脑上实现智能手机相册内的布局排列及点击查看相册功能的代码,但是,本段代码并不支持鼠标左右滑动切换图片。

在线演示

源码下载

6.js实现div拖动动画运行轨迹效果

这是一款基于js实现的div拖动动画运行轨迹效果源码,是一款原生js div拖动效果制作鼠标拖动div动画运行轨迹效果代码。可以选择【记住轨迹】与【不记住轨迹】两种拖动显示模式,从而显示出不同的拖动效果。

在线演示

源码下载

7.jQuery基于SliderPro实现的左右布局带缩略图轮播图

右侧缩略图jQuery轮播图效果是一款SliderPro实现左右布局带缩略图jQuery轮播图效果。

在线演示

源码下载

8.html5基于jqplot插件实现的曲线柱形统计图表

html5曲线柱形统计图表代码是一款使用jqplot插件实现的一个曲线柱形统计图表,js中都有注释,可以自行修改。

在线演示

源码下载

9.jquery excoloSlider.js实现带左右切换按钮和位置圆点图标的自动轮播焦点图

jquery excoloSlider.js实现带左右切换按钮和位置圆点图标的自动轮播焦点图特效源码,是一段可以实现自动轮播及鼠标点击切换的焦点图代码,手动切换非别是左右切换及点击位置圆点图标切换。

在线演示

源码下载

时间: 2024-10-20 03:11:22

推荐9款炫酷的基于jquery的页面特效_jquery的相关文章

jquery实现炫酷的叠加层自动切换特效_jquery

下面是HTML代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>jquery叠加页片自动切换特效 - 柯乐义</title><base target="_blank" /> <lin

10 个非常酷的基于jQuery的菜单效果插件

除了直观的界面效果外,炫酷的网站导航菜单或右键菜单也能为访问者带来眼前一亮的感觉.本文为你带来10个非常酷的基于jQuery的菜单效果插件.  1.  右击菜单  一个创建右击菜单的插件,简洁且易用.  源码/演示  2.  jQuery多级菜单--FX CSS菜单与子菜单  使用CSS创建菜单,使用JavaScript展示效果.特点如下:  跨浏览器,兼容所有浏览器(包括IE6). 效果:在鼠标经过和子菜单展开时,具有平滑的淡入淡出效果. 易于设置:简单的.用于无限级别菜单项目的嵌套无序列表.

Jquery左右滑动插件之实现超级炫酷动画效果附源码下载_jquery

分享一款基于jQuery超级酷动画滑动插件.这是一款基于jquery.pogo-slider插件实现的多个滑块切换特效.效果图如下,如果大家觉得还不错,很满意可以下载源码哦. 效果展示     源码下载 实现的代码. html代码: <div class="pogoSlider" id="js-main-slider"> <div class="pogoSlider-slide" data-transition="sl

推荐12款非常有用的流行 jQuery 插件

jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色.jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的效果,让网站有更好的可用性和用户体验.今天这篇文章向大家推荐12款个实用的 jQuery 插件. 1. jmpress.js 非常酷的幻灯片插件,基于 CSS3 transform 和 transition 实现,带水平切换.旋转切换和3D效果,灵感来自于prezi.com. 2. Arctext.

jqPlot 基于jquery的画图插件_jquery

前边也讲过一个基于java的图形报表,功能及外观也不错,但存在通用性的问题.所以我们来学一个具有易用性+兼容性+可扩展性的js图表插件. jqPlot是一款基于jquery类库的图标绘制插件.通过jqPlot可以再网页中绘制线状.柱状.饼状等多种样式图表.而且,jqPlot具有插件可扩展性(Pluggability),你可以编写自己的图表样式. 官方地址:http://www.jqplot.com/ 功能概述: 有多种图表样式可供选择 可以自定义日期轴线 可设置旋转轴文字 自动计算趋势线 工具条

基于jquery实现放大镜效果_jquery

各大商城详细页面产品图片特效展示,鼠标滑过小图显示中图,鼠标滑过中图显示大图展示,jquery放大镜效果图片类似图片放大镜展示,提高用户体验设计,jquery 图片放大镜效果是典型的一款图片特效展示. 效果图如下: 图片大框初始样式: <div class="goods-imginfo-bimg-box" style="background-image: url(http://www.od.my/images/201507/thumb_img/142_thumb_P_1

jQuery实现图片轮播效果代码(基于jquery.pack.js插件)_jquery

本文实例讲述了jQuery实现图片轮播效果代码.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he

基于jquery的页面划词搜索JS_jquery

基于Jquery修改,以下为全部脚本 复制代码 代码如下: //划词搜索 var GLS = {}; GLS.startObj = null; GLS.isdb = false; GLS.allow = true; GLS.isallow = function() { if (GLS.allow) { GLS.allow = false; alert('Google搜索已关闭'); } else { GLS.allow = true; alert('Google搜索已打开'); } }; GLS

基于jquery实现瀑布流布局_jquery

本文实例为大家介绍了基于jquery实现瀑布流布局的关键代码,分享给大家供大家参考,具体内容如下 效果图: 具体代码: 使用jquery-1.8.3.min.js,waterfall.js代码如下: $( window ).load( function(e){ waterfall(); var dataInt = { 'data': [{ 'src': '1.jpg' },{ 'src': '2.jpg' },{ 'src': '3.jpg' },{ 'src': '4.jpg' }]}; $(