jquery-slider是一款基于JSON格式数据的jQuery幻灯片插件。该幻灯片通过JSON数据来提供图片地址和描述信息等,你可以通过更换JSON数据来动态切换不同的图片。使用方法在页面中引入jquery和slider.js文件和font-awesome字体图标文件。link rel='stylesheet' href='https:/
2018-02-03 03:20Pure-CSS-Tooltips是一款跨浏览器HTML5纯CSS工具提示特效。该工具提示特效使用HTML5 data属性和伪元素来将一个元素转换为tooltip,不需要额外的HTML标签和js代码。使用方法HTML结构一个最基本的工具提示的HTML结构如下:span data-tooltip="I’m a tooltip"tooltip/span主
2018-02-03 03:20material-modal是一款Material Design风格纯js确认框和对话框插件。该插件通过简单的CSS和JavaScript代码来构建确认框和对话框,是替代浏览器原生确认框和对话框的不错选择。使用方法在页面中引入material-modal.css和material-modal.js文件。link rel="stylesheet" href
2018-02-03 03:20这是一款纯CSS3时尚进度条UI设计效果。该进度条使用bootstrap网格进行布局,通过简单的CSS代码和animation动画来制作带动画效果的进度条。使用方法在页面中引入bootstrap相关文件和font-awesome字体图标文件。link rel="stylesheet" href="https://maxcdn.bootstrapcdn.c
2018-02-03 03:20polaroid-gallery是一款效果非常酷的纯js和CSS3分散式宝丽来图片画廊插件。该宝丽来图片画廊在初始化时所有图片被分散在屏幕的不同地方,并旋转不同的角度。被选择的图片总是会被移动到屏幕的中间。使用方法在页面中引入polaroid-gallery.css和polaroid-gallery.js文件。
2018-02-03 03:20rcrop是一款支持移动手机的响应式图片剪裁jQuery插件。你可以通过该图片剪裁插件选择图片的一个区域,并将剪裁的图片信息上传到服务器。rcrop是完全响应式的设计,当图片尺寸发生改变时你不需要使用任何事件来更新剪裁区域。插件使用的是百分比来作为单位,而不是绝对尺寸
2018-02-03 03:20这是一款使用CSS3和少量jQuery代码来完成的汉堡包菜单按钮变形动画特效。该特效使用CSS3 transition 和 transform 来完成变形动画效果,使用jQuery来触发按钮点击事件。HTML结构该汉堡包按钮的HTML结构非常简单,使用嵌套div的HTML结构。div class="burgers"div class="b
2018-02-03 03:20这是一款基于Bootstrap网格系统制作的精美价格表效果。该价格表效果时尚大方,在鼠标滑过价格表时,当前价格表会有变色和放大的动画特效。HTML结构该价格表的HTML结构如下:div class="container"div class="row"div class="col-md-3 col-sm-6"div class="pricingTable"d
2018-02-03 03:20jQuery仿Facebook图片画廊代码是一款当用户点击图片缩略图时,会以全屏lightbox的方式显示图片,通过前后导航按钮来查看所有的图片。
2018-02-03 03:20