本文介绍如何使用jQuery+html+css制作响应式导航效果关键js代码与说明<script>$(document).ready(function () {//打开菜单$(document).on("click"…
本文介绍如何使用checkbox复选框来控制导航的显示和隐藏从而制作一个响应式菜单导航效果.许多导航菜单(特别是响应式菜单)是使用HTML,CSS和Javascript的组合创建的。这个简单的CSS方法将证明Javascript并不总是必要的!checkbox复选框有两种状态,一种是选中,一种是取…
本文介绍如何使用swiper制作全屏响应式轮播图效果,Swiper是一款开源、免费、强大的触摸滑动插件,常用于移动端网站的内容触摸滑动,Swiper是纯javascript打造的滑动特效插件,面向手机、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用…
本文介绍如何使用owl.carousel.js制作jQuery响应式旋转木马效果,本案例支持owl Carousel 延迟加载图片滚动效果 支持触屏手机效果Owl Carousel 可以让你创建漂亮的…
本文介绍如何使用jquery.kxbdmarquee.js制作图片无缝滚动效果。本案例可实现图片无缝滚动,鼠标滑过暂停滚动、鼠标滑出继续滚动。可配置向左或者向右滚动。支持响应式效果kxbdmarquee.js可以模拟Marquee,可以无间断滚动图片或者文字等内容,kxbdmarquee.js支持多种属性,…
选项卡效果似乎已经成为现代网页设计中必不可少的元素之一,大多数网站都会使用选项卡效果,选项卡的制作有很多种,我们可以用html+css+js实现,也可以用jquery插件实现,下面我介绍一个可以制作响应式选项卡的插件。responsiveTabs.js是一款免费的jQuery插件,它提供响应…
如何使用swiper.js制作图片联动效果,实现点击小图显示大图呢?首先在一个页面中使用两个Swiper组件,并使它们同时进行滚动播放幻灯片的效果。 其中一个显示小图一个显示大图,并且图片个数一定要一致。Swiper是一个流行的开源的移动端触摸滑动插件,用于创建滑动、轮播等…
particleground.js可以制作炫酷的粒子背景效果,生成的粒子可以向着鼠标移动,会进行运动联合。 particleground.js粒子可以支持响应式效果,适应任何html画布。关键技术点页面调用jquery和particleground.js设置 canvas的zindex层级根据id初始化插件设置必要的属性css代码…