简要教程 这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件.该slider插件可以自定义slider的颜色.形状.透明度和tooltip等属性,美化的效果非常好. 安装 可以使用npm和bower来安装该slider插件. npm install bootstrap-slider bower install seiyria-bootstrap-slider 使用方法 首先要在页面中引入必要的css和js文件. <link href="c…

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAA2CAIAAAC0tsfoAAAB/0lEQVR4nO3bQWrCQBTGcc/mbVz0DD…

基于Bootstrap的超酷jQuery开关按钮插件…

http://www.htmleaf.com/jQuery/ jQuery之家 自由分享jQuery.html5和css3的插件库 基于Bootstrap简单实用的tags标签插件…

前言 题目地址 利用 CSS animation 制作一个炫酷的 Slider 思路整理 首先页面包含三种东西 一个是type为radio的input其实就是单选框 二是每个单选框对应的label 三是你要用作背景的每个图片 然后具体实现思路是你点击每个label然后出现对应的图片 基本布局 首先是对界面进行布局 <div class="page"> <div class="slider"> <input id="img1&q…

1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我们也可以通过点击全屏按钮来全屏观看地球旋转动画,记得在很早以前我们也分享过一款基于HTML5 Canvas的地球动画,请看这里. 在线演示 源码下载 2.HTML5 Canvas 3D文字动画 支持鼠标滚轮缩放 之前我们已经为大家分享过很多款炫酷和实用的HTML5文字动画特效,最经典的就是这款HTM…

在前文 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件 中,实现了DropDownList的JQuery组件,但是留有遗憾.就是当下拉菜单出现滚动条的时候,滚动条会覆盖菜单右侧的两个圆角.使得下拉菜单左侧有2个圆角,右侧没有,看上去不是很完美.如下图所示:   本文的内容就是如何恢复右侧的圆角   先看看原本的下拉菜单的HTML结构:   .sh_darkness{background:none; padding:0; margin:0; border:0 no…

这是一款非常强大的内容切换插件,它基于jQuery,它充分响应,支持移动设备,支持手机触摸,键盘翻页:它内置幻灯.视频播放计时器,它拥有各种模式:自定义,自动响应,全屏:它有多种动画效果.3d效果...总之你想到的效果它都做到了,它的名字叫Slider Revolution. HTML Slider Revolution是一款基于jQuery的插件,使用它时需要先载入jQuery库文件,以及Slider Revolution依赖的css和js文件. <script src="js/jque…

最近看了别人做的简历,简单炫酷,自己非常喜欢,于是打算自己做一个,尝试一下. 由于写这篇随笔的时候才开始动工,所以目前没有成品给大家看. emmm等我更新完会在最后附上成品. 现在 开始! 首先 配置项目 具体可以看我的 Vue 配置项目 由于需要使用bootstrap,所以我们要安装jquery和bootstrap. 这里我们采用npm进行安装. 安装成功如图: 然后安装 jquery 这里根据官方文档我们选择v1.12.4 执行 安装 npm install jquery@1.12.4 --…

没想到隔了这么久才来更新. 用vue做简历,不是非常适合,为什么呢. 因为简历没什么数据上的操作,一般都是静态的内容. 不过都说了用Vue来做,也只能强行续命了. 这里是我做好的成品  非一般简历 由于未涉及页面跳转,所以没有vue-router 想要实现如网页中的功能,首先我们要使用fullpage.js插件 这也是jquery的插件之一,官网地址 他可以让我们的页面实习全屏滚动效果. 本来式通过 npm 进行安装使用的,结果... 3版本需要许可证书,ok,我在网站找了一个以前的,下载下来用…