零基础学jQuery

本文介绍如何使用owl.carousel.js制作jQuery响应式旋转木马效果,本案例支持owl Carousel 延迟加载图片滚动效果 支持触屏手机效果Owl Carousel 可以让你创建漂亮的…

选项卡效果似乎已经成为现代网页设计中必不可少的元素之一，大多数网站都会使用选项卡效果，选项卡的制作有很多种，我们可以用html+css+js实现，也可以用jquery插件实现，下面我介绍一个可以制作响应式选项卡的插件。responsiveTabs.js是一款免费的jQuery插件，它提供响应…

如何使用swiper.js制作图片联动效果，实现点击小图显示大图呢？首先在一个页面中使用两个Swiper组件，并使它们同时进行滚动播放幻灯片的效果。 其中一个显示小图一个显示大图，并且图片个数一定要一致。Swiper是一个流行的开源的移动端触摸滑动插件，用于创建滑动、轮播等…

jquery.yx_rotaion.js是一款小巧，功能强大，可以自动播放，左右切换按钮，可以设定是否显示标题的一款焦点图插件, 使用jquery.yx_rotaion.js可以轻松制作一个轮播图效果，在这里我介绍一个我工作种经常用到的一个效果。关键代码与说明<div class="jqfree"&…

FlexSlider是由WooThemes开发的一款免费、开源的JavaScript滑动插件。 FlexSlider支持自适应布局。FlexSlider自V1.6起提供支助多个滑块，FlexSlider也增加旋转木马选项，提供了丰富的选项和配置参数，可以定制幻灯片的过渡效果、速度、自动播放等属性，以满足不同的需求。…

jquery.superslide可以满足大部分网站的特效问题，有的网站为了网站特效问题，甚至引用了10几个js文件， SuperSlide 是致力于实现网站统一特效调用的函数，能解决…

particleground.js可以制作炫酷的粒子背景效果,生成的粒子可以向着鼠标移动，会进行运动联合。 particleground.js粒子可以支持响应式效果，适应任何html画布。关键技术点页面调用jquery和particleground.js设置 canvas的zindex层级根据id初始化插件设置必要的属性css代码…

关于swiperSwiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选…

easyResponsiveTabs.js 是一款响应式Tabs选项卡jQuery插件。该选项卡支持水平和垂直两种选项卡模式，它可以在多种平台浏览器中工作.这个开源项目由Samson Ononobi创建，目标是简化网页内容组织，并在不同设备上提供一致的用户体验。特点（1）支持水平和垂直的Tabs选项卡。…

关于jquery.etalage.js‌etalage.js‌是一个jQuery插件，主要用于实现图片的放大镜效果。 它包含三个主要文件：jquery.js 、etalage.css 和jquery.etalage.min.js。使用etalage插件，可以快速且方便地为网站图片添加放大镜效果，增强用户体验和视觉效果。 etalage.js可以…

jquery.wmuSlider.js 是一个简化的jQuery响应式滑块，支持触摸操作和AJAX图片库，‌jquery.wmuSlider.js‌ 提供了多种幻灯片效果，包括横向和纵向滑动等。关键代码…

关于jquery.flexisel.jsFlexisel 它是一款响应式图像轮播，具有专门用于调整轮播以适应移动和平板设备的选项。 调整浏览器窗口大小，Flexisel 会做出响应调整。您还可以根据屏幕宽度更改显示的项目数量！还有丰富的参数设置可以控制滚动的更多细节。关键代码<script t…