bootstrap 点赞控件

ASP.NET MVC+Bootstrap个人博客之praise.js点赞特效插件(二)

1. 为啥要做这个点赞插件? praise.js是一款小巧的jQuery点赞插件,使用简便,效果美观. 在做个人博客时遇到了文章点赞问题.联想到各大社交网络中的点赞特效:手势放大.红心放大等等,很酷很炫.但是并没有现成的好用的插件,于是就打算自己做一个类似的点赞插件,放上自己喜欢的点赞图标.PS:小站的图标均来自阿里妈妈旗下的那个iconfont,大家可以去那儿找自己喜欢的图标. 上篇博文介绍了本站的简要情况:去看看? 先来看一下效果图吧:也可直接去博客站 www.zynblog.com体

bootstrap日期控件（双日期、清空等问题解决）

bootstrap以它优美的外观和丰富的组件,使它成为目前最流行的前端框架.在项目开发中,我们使用它的日期控件确实遇到了一些问题: 1.日期控件后面两个图标点击触发失效 2.双日期关联问题 3.双日期清空时,之前输入日期关联仍然有效 4.输入年月 5.图标不显示(这个直接在引入图标的文件里搜url地址,修改地址就可以解决) 下面的代码都会一一解决. <!doctype html> <html> <head> <meta charset="utf-8&qu

Bootstrap 时间控件datetimepicker与timepicker

一.datetimepicker 首先,我们看看点击选择时间的时候的展示页面吧年月日

js插件---Bootstrap 树控件

js插件---Bootstrap 树控件一.总结一句话总结:可以直接用gojs,或者搜索js,jquery的树控件,或者bootstrap树控件,一大堆 gojs 二.JS组件系列——Bootstrap 树控件使用经验分享前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项.不管怎么样,树控件都是很多项目里面不可或缺的组件之一.今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,

angularjs 整合bootstrap 时间控件

一.引入js <link href="${basePath}/static/plugin/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet"> <script type="text/javascript" src="${basePath}/static/plugin/bootstrap/js/bootstrap-datetimepicker.

JS组件系列——Bootstrap 树控件使用经验分享

前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项.不管怎么样,树控件都是很多项目里面不可或缺的组件之一.今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,希望能帮大家找到最合适的控件.还是那句话:控件没有最好,只有最合适. 一.JQuery树形控件 Jquery树形控件是一款基于JQuery+bootstrap.完全通过js和样式手写出来的非常轻量级的控件,网上很多地方都能看到它

在asp.net mvc4项目里bootstrap datetimepicker控件的使用

前段时间写了一篇关于调用阿里大于的短信接口来开发例会短信群发通知功能的文章http://www.cnblogs.com/zhouyuangan/p/apicall_1.html,其中的例会时间是需求中的重中之重,它需要满足"格式化","易输入"这两点,对短信费用关心的开发者要知道长短信是两条短信费用之和,因此,例会时间不能随意交给用户自定义输入:要考虑到"易输入"这点,只能选择日期选择控件来辅助用户输入,由于日期选择控件较为小巧使用,在页面中引入

bootstrap 时间控件带（时分秒）选择器

1.控件下载地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm,参数设置说明也在这个链接下面: 2.具体参数说明(复制原链接): format(设置时间格式.详细介绍见原链接): yyyy-mm-dd yyyy-mm-dd hh:ii yyyy-mm-ddThh:ii yyyy-mm-dd hh:ii:ss yyyy-mm-ddThh:ii:ssZ weekStart: Integer. 默认值:0 一周从哪一天开始.0(

bootstrap日期控件在火狐下的模态框中选择时间下拉菜单无效的解决办法

今天收到程序组提交的一个兼容BUG,在火狐中使用模态框加载日期控件时选择时间下拉菜单没有效果(不能点击),而在谷歌中却是好的, 排错思路:1,在当前页面主层放置一个时间控件,测试通过 2,在ajax加载页放置一个时间控件,测试通过 3,在模态框最外层放置一个时间控件,不通过主要原因是模态框与时间下拉菜单层级关系造成(z-index),因时间控件是收bootstrap的时间控件.js文件生成,所以导致在页面与css样式表中修改无效,网上有直接修改bootstrap的时间控件.js文件,然而boo

NVelocity+Bootstrap tab控件异常之

异常信息:Encountered "tings" at line 54, column 55.Was expecting one of: "(" ... <WHITESPACE> ... 该异常在使用NVelocity生成HTML读取模板时出错,原因不知道,提示的错误是BootStrap 一个Tab控件的某一行,如图: 解决方法,把这行删除了.也许是这个settings和NVelocity的某个机制冲突了

[转]通过AngularJS directive对bootstrap日期控件的的简单包装

本文转自:http://www.cnblogs.com/Benoly/p/4109460.html 最近项目上了AngularJS,而原来使用的日期控件的使用方式也需要改变,于是开始了倒腾,看了官方的例子,可以使用AngularJS的directive做简单的处理,这样在html里直接使用申明的的形式即可使用了. ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

[整理]通过AngularJS directive对bootstrap日期控件的的简单包装

最近项目上了AngularJS,而原来使用的日期控件的使用方式也需要改变,于是开始了倒腾,看了官方的例子,可以使用AngularJS的directive做简单的处理,这样在html里直接使用申明的的形式即可使用了. <!doctype html> <html ng-app="datepickerApp"> <head> <link type="text/css" rel="stylesheet" href

bootstrap日历控件

bootstrap的日历控件: <link href="~/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="~/css/bootstrap-datetimepicker.min.css" rel="stylesheet" media="screen" />

Angular 实现Bootstrap ScrollSpy控件

Bootstap是基于JQuery开发,Angular中不支持Bootstrap相关事件逻辑.本文基于Typecript开发了一个Angular可用的ScrollSpy控件.Scrollspy控件主要实现了左侧导航以及右侧正文之间的联动和切换.所以, 此组件主要解决两个问题: (1)点击左侧导航列表,右侧正文能够跟随切换的焦点定位到具体的段落,即添加导航点击事件 (2)右侧正文滚动时,左侧导航列表可以根据正文滚动的位置自动定位到,该段落所属的目录索引上.即添加正文滚动事件. 1. 代码结构 1.

bootstrap 日期控件常用选项

使用bootstrap作为UI基础之后,为了尽可能的保持系统风格的一致性,通常我们不太会考虑再引入My97DatePicker作为日期控件. 作为潜在实现的选择之一,http://www.bootcss.com/p/bootstrap-datetimepicker/是比较好的实现,其提供的功能还是强大的.从实用角度来说,包含时间部分和不包含时间部分的场景都很多. 典型的用法通常包括: 1.初始化包含日期,YYYY-MM-DD格式,不需要时间部分. <div class='input-group

Bootstrap树控件(Tree控件组件)使用经验分享

前言:很多时候我们在项目中需要用到树,有些树仅仅是展示层级关系,有些树是为了展示和编辑层级关系,还有些树是为了选中项然后其他地方调用选中项.不管怎么样,树控件都是很多项目里面不可或缺的组件之一.今天,博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享,希望能帮大家找到最合适的控件.还是那句话:控件没有最好,只有最合适. 一.JQuery树形控件 Jquery树形控件是一款基于JQuery+bootstrap.完全通过js和样式手写出来的非常轻量级的控件,网上很多地方都能看到它

bootstrap 有些控件需要调用锚点，会与angular 路由冲突

最简单的方法就是在 #号前加/, 但有人说在服务器上回失效,也不知道是什么原理.慎用最靠谱的方法就是使用bootstrap中的js控制控件, 比如轮播图的上一页下一页,就可以在 angular的控制器中添加这两个方法. bootstrap的轮播图部分代码  <a class="left carousel-control" href="" ng-click="prev()" rol

基于avalon+jquery做的bootstrap分页控件

刚开始学习avalon,项目需要就尝试写了个分页控件Pager.js:基于BootStrap样式这个大家都很熟悉在这里推荐下国产前端神器avalon:确实好用,帮我解决了很多前端问题. 不多说了,代码贴上: /** * options.id avalon 所需要的$id * options.total 总记录数 * options.rows 行数 * options.callback */ var Pager=function(options){ var _this=this; _this.c

bootstrap 时间控件

近期使用了bootstrap的UI感觉确实非常美丽,非常值得学习和使用. 以下先简单了解下bootstrap的时间控件. 这个时间控件使用起来还是很的简单.仅仅须要引入主要的css和js就能够了须要引入的css和js:(文件引入路径依据自己的项目而定) <link href="<c:url value='/plugins/bootstrap-datetimepicker/css/datetimepicker.css'/>" rel="stylesheet&

bootstrap fileinput控件 + django后台上传、回显简单使用

一.控件下载:https://github.com/kartik-v/bootstrap-fileinput/ 官网:http://plugins.krajee.com/file-input 需要引入的文件:1.jquery.js 2.bootstrap.js bootstrap.css 3.font-awesome.css 控件图标使用的是font-awesome,因此需要引入 4.finleinput.js fileinput.css 5.zh.js 设置中文,默认为英文二.使用实例: 1

bootstrap 时间控件带（时分秒）选择器(需要修改才能显示，请按照参数说明后面的步骤进行修改)

1.控件下载地址:http://www.bootcss.com/p/bootstrap-datetimepicker/index.htm,参数设置说明也在这个链接下面: 2.具体参数说明(复制原链接): format(设置时间格式.详细介绍见原链接): yyyy-mm-dd yyyy-mm-dd hh:ii yyyy-mm-ddThh:ii yyyy-mm-dd hh:ii:ss yyyy-mm-ddThh:ii:ssZ weekStart: Integer. 默认值:0 一周从哪一天开始.0(

bootstrap 点赞控件

热门专题