基于Bootstrap的jQuery slider

2024-11-03

基于Bootstrap的炫酷jQuery slider插件

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

基于Bootstrap的JQuery TreeView树形控件，数据支持json字符串、list集合（MVC5）<二>

上篇博客给大家介绍了基于Bootstrap的JQuery TreeView树形控件,数据支持json字符串.list集合(MVC5)<一>, 其中的两种方式都显得有些冗余.接着上篇博客继续说: 这种方式其实还是利用list集合的方式传给前台,只不过在前台做了一些小小的变化, 而控制器代码也进行了部分的优化,值的一提的是:没用的ajax前后台交互舍弃掉了. 控制器代码如下: //实例化公共静态字典表集合 public static List<TC_DictionaryInfo> DI

基于bootstrap的jQuery多级列表树插件 treeview

http://www.cnblogs.com/mfc-itblog/p/5233453.html http://www.htmleaf.com/jQuery/Menu-Navigation/201502141379.html http://www.htmleaf.com/Demo/201502141380.html 简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和

基于bootstrap的jQuery多级列表树插件

简要教程 bootstrap-treeview是一款效果非常酷的基于bootstrap的jQuery多级列表树插件.该jQuery插件基于Twitter Bootstrap,以简单和优雅的方式来显示一些继承树结构,如视图树.列表树等等. 插件依赖 Bootstrap v3.0.3 jQuery v2.0.3 查看效果 http://www.htmleaf.com/Demo/201502141380.html 以上两个外部依赖文件已经经过测试可以正常使用,其他版本的Bootstrap需要另行测试.

基于Bootstrap使用jQuery实现输入框组input-group的添加与删除-改进版

上一次说到了基于Bootstrap使用jQuery实现输入框组input-group的添加与删除 ,初始状态下只有一个输入框组,可以通过点击输入框组的右侧“+”(或自定义的文字)可以在原输入框组的下面产生一个新的输入框组,通过点击输入框组的右侧“-”(或自定义的文字)可以删除当前输入框组. 但是这样的输入框组还存在的许多不足之处,如问题一:我们在form表单中添加了这样一个输入框组,那么我们提交表单的时候怎么提交输入框输入的内容呢?(此时上回讲到的输入框组的输入框或文本域还未定义

Bootstrap 基于Bootstrap和JQuery实现动态打开和关闭tab页

基于Bootstrap和JQuery实现动态打开和关闭tab页 by:授客 QQ:1033553122 1. 测试环境 JQuery-3.2.1.min.j Bootstrap-3.3.7-dist win7 2. 实践 HTML代码片段 <div class="container-fluid"> <div class="row">  <div class="col

基于Bootstrap的jQuery开关按钮组合

Bootstrap是一款由Twitter推出的开源前端开发包,功能非常强大.今天我们要分享的这款jQuery开关按钮组合就是基于Bootstrap框架的,看了按钮的主题样式,也都是Bootstrap的样式风格,比较清新和简单.这款jQuery开关按钮可以满足你不同的应用需求,包括样式.大小等. 在线预览源码下载实现的代码. html代码: <div class="container"> <div class="row"> <di

基于Bootstrap的jQuery开关按钮插件

按钮下载使用方法首先要在页面中引入依赖文件: jquery.Bootstrap.Bootstrap Switch CSS和Bootstrap Switch JS.这里用的是bootstrap2 <link href="bootstrap.css" rel="stylesheet"> <link href="bootstrap-switch.css" rel="stylesheet"> &l

基于Bootstrap、Jquery的自适应导航栏

css代码: .kch_nav{width: 100%; position: fixed;z-index: 999;top:0;left: 0;right: 0;height: 69px;background-color: #fff;border-bottom: 1px solid #ccc;} .kch_nav_cont{width: 80%;right: 0px; left: 0px;top:0;position: inherit;margin: 0 auto;} .kch_nav_logo

弹出框一之基于bootstrap和jquery的自定义弹出框

(function ($) { window.Ewin = function () { var html = '<div id="[Id]" class="modal fade" role="dialog" aria-labelledby="modalLabel">' + '<div class="modal-dialog modal-sm">' + '<div class=&

基于Bootstrap的jQuery登录表单

在线演示本地下载

基于bootstrap的富文本框——wangEditor【欢迎增加开发】

先来一张效果图: 01. 引言老早就開始研究富文本框的东西,在写完<深入理解javascript原型与闭包>之后,就想着要去做一个富文本框的插件的样例. 如今网络上开源的富文本框插件许多,一搜索一大堆,可是基于bootstrap的还不多.如今仅仅有一个"bootstrap-wysiwyg".老外写的,没有一个汉字.大家能够fork一下源代码看看,写的很简洁.压缩之后不到10KB.很厉害!我也还没来得及研究,一定要看一下. 02. wangEditor 老外的东西,满地英文

基于Bootstrap的DropDownList的JQuery组件的完善版

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

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

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

基于Bootstrap+jQuery.validate Form表单验证实践

基于Bootstrap jQuery.validate Form表单验证实践项目结构 : github 上源码地址:https://github.com/starzou/front-end-example 点击打开 1.form 表单代码 <!DOCTYPE html> <html> <head> <title>Bootstrap Form Template</title> <meta charset="utf

【转】基于Bootstrap的超酷jQuery开关按钮插件

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

基于Bootstrap 3.x的免费高级管理控制面板主题：AdminLTE

AdminLTE 是一个基于Bootstrap 3.x的免费高级管理控制面板主题.AdminLTE - 是一个完全响应式管理模板.基于Bootstrap3框架.高度可定制的,易于使用.适合从小型移动设备到大型台式机很多的屏幕分辨率. 在线预览: http://almsaeedstudio.com/preview/ AdminLTE 在它所有 JS, LESS 和 HTML 文件中都有注释,并经过精心编码.LESS用于增强代码的定制性. Special Features: Fully respon

基于bootstrap的漂亮网站后台管理界面框架汇总

基于bootstrap的漂亮网站后台管理界面框架汇总 10个最新的 Bootstrap 3 管理模板这里分享的 10 个模板是从最新的 Bootstrap 3 管理模板集合中挑选出来的,可以帮助你用来构建漂亮网站后台管理界面,这些模板都是在最近 2 个月内发布. 1. Curo – Admin Template Curo 是一个响应式模板,包含 6 种不同的主题和皮肤,提供 35 个界面,包括 email.聊天.timeline .注册等等,同时有日历.字体.图标和用户配置页. 2. Slim

JS组件系列——基于Bootstrap Ace模板的菜单和Tab页效果分享（你值得拥有）

前言:最近园子里多了许多谈语言.谈环境.谈逼格(格局)的文章,看看笑笑过后,殊不知其实都是然并卵.提升自己的技术才是王道.之前博主分享过多篇bootstrap组件的文章,引起了很多园友的关注和支持,看样子这种风格还是受到很多园友青睐的.本着不辜负园友们的支持的原则,应群友们的要求,今天来分享下项目中使用Ace模板的菜单样式和基于iframe的Tab页效果. Ace模板地址:http://code.google.com/p/ace-engine/wiki/AceTemplate(有时会打不开) A

基于Bootstrap仿淘宝分页控件实现

.header { cursor: pointer } p { margin: 3px 6px } th { background: lightblue; width: 20% } table { text-align: center; margin-top: 20px; margin-left: 10px; margin-bottom: 20px } a { cursor: pointer; text-decoration: none; color: gray } a:hover { text

基于Bootstrap的jQuery slider

热门专题