十年树木_2015-CSDN博客

原创 bootstrap小例子(1)

最近看了bootstrap的一个小的视频，快速的做出一个后台界面；介绍了一些典型的用法；里面涉及了：下拉菜单、胶囊菜单、胶囊菜单垂直显示、栅格排列、导航栏、字体图标、图片样式、输入组、折叠菜单panel、面包屑、表格样式、分页组件样式；下面将跟着项目做出的小例子贴出来：bootstrap小例子 MicroSoft

2016-12-05 00:43:36 6444 1

原创不死者

一篇faker 的撰文，在3:2击败ROX之后，在之后的全球总决赛上，faker所在的队伍获得冠军。以下为原文：我的名字是李相赫。美国的粉丝们称我为“神”。韩国的粉丝们则叫我“杀不死的大魔王”。事实上，我更喜爱“神”这个称呼——那听起来要更炫一些。　　八岁那年，父母为我买了第一台电脑。但和许多小孩子一样，我在那之前便已经进入游戏世界了。我玩过PS和一些其它的手柄机;我会往游戏卡带里

2016-11-03 23:37:55 899

原创半圆形菜单demo

工作中碰到一个写的很好的圆形菜单，demo过来，后面看看，感觉很有用。底部圆形展开菜单demo

2016-10-20 13:36:21 2030

转载好文摘抄

原文地址：http://blog.csdn.net/reboot123/article/details/6746411(一)职场上如何做事关于如何做事，也有很多的理论，比如要事第一，把事情分为紧急、重要等等，这些我都不讨论了，我只就我自己的经验来谈一谈。对于如何做事，我也恪守一个信条：不焦不燥，把心沉下去，将注意力集中于要解决的问题上。我看过这样一个故事，是说从前有

2016-10-14 11:28:44 658

原创监听input、textarea输入框值变化的知识

在document的input输入框、textarea输入框(不管是现在的元素还是将来要添加的元素)上面绑定input propertychange事件。实时监听输入框值变化的完美方案：oninput & onpropertychange在 Web 开发中经常会碰到需要动态监听输入框值变化的情况，如果使用 onkeydown、onkeypress、onkeyup 这个几个键盘事件来监测

2016-09-27 10:07:51 29757

原创 video播放视频以及相关事件

播放截图：

2016-09-27 09:57:36 10207

原创使用百度地图api功能显示位置

使用百度地图展示位置.jtt{ width: 1000px; height: 500px; margin: 0; font-family: "微软雅黑";}//待显示的坐标位置var value = { "city":"南京", "xzuobiao":"118.777739", "yzuobiao":"

2016-09-27 09:35:00 6405 2

原创 css3通话效果的例子

代码：css3通话效果.call_page{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.77); width: 1920px; height: 1080px; display

2016-09-14 17:35:24 664

原创 css3/css2让文字超出段落后省略号显示等效果

1.让文字超出段落后省略号显示让文字超出段落后省略号显示 .fath{ width: 200px; height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 这个表示要显示几行 */ -web

2016-09-14 16:42:05 3756

原创 js获取url中get传参以及预览图片等...几个

1.js获取url中get方式传输的参数：//获取url中get方式传的参数function getPar(par){ //比如获取id xxx.html?id=100 var local_url = document.location.href; //获取要取得的get参数位置 var get = local_url.indexOf(par + "=");

2016-09-14 15:09:53 3546

原创 js代码验证名字、验证身份证号码、验证地址等

验证名字：/*检查名字 name : 传入的检查参数 canshu: 待提示的消息 empty: 该参数是否是必填项 true-非必填项 false-必填项*/function checkname(name, canshu,empty) { if (empty != true && name.length === 0) { open_modal("请输

2016-09-14 14:48:00 2643

原创 css利用border-radius圆角来设置背景图片为圆角的

例子：设置背景圆角.normal{ background-image: url(images/rest.png); width: 215px; height: 215px; border-radius: 50%; background-size: 215px; background-repeat: no-repeat; background-

2016-09-14 09:22:35 37557 5

原创利用jquery做的滑动按钮开关

代码： jquery做的滑动按钮开关 .switch{ width: 100px; margin: 100px 0px 0 100px;}.btn_fath{ margin-top: 10px; position: relative; border-radius: 20px;}.btn1{ float: left;

2016-09-02 09:58:01 8321

原创利用css3动画效果编写滑动按钮开关

代码： css3做的滑动开关效果 .switch{ width: 100px; margin: 100px 0px 0 100px;}.btn_fath{ margin-top: 10px; position: relative; border-radius: 20px;}.on.btn_fath { backgro

2016-08-31 10:10:42 3937 1

原创 css3 transition等属性，持续更新...

1.transition属性：参考网站：http://www.runoob.com/cssref/css3-pr-transition-timing-function.htmltransition属性：例子：div{ width:100px; height:100px; background:red; transition:width ea

2016-08-31 09:54:11 445

原创 js知识点记录（2）

1.关于操作iframe中的窗口：一些例子代码：contentWindow属性是指指定的frame或者iframe所在的window对象，在IE中iframe或者frame的contentWindow属性可以省略，但在Firefox中如果要对iframe对象进行编辑则必须指定contentWindow属性。如iframe的id为ifrtest，要调用其页面中的b()方法：docum

2016-08-24 11:21:09 392

原创分页组件的使用-jqPaginator

工作中用到了分页，在github上面用到了一款分页组件，是叫jqPaginator参考网站是：http://jqpaginator.keenwon.com/#a3 上面可以下载，以及介绍怎么使用；贴出我使用的例子的代码：html： js代码：var if_firstime = true; //分页组件第一次加载为true，后面fal

2016-08-24 11:09:20 15348 4

原创使用Bootstrap tab页切换的使用

代码：tab页切换 1.参考网站：http://www.runoob.com/bootstrap/bootstrap-tab-plugin.html 2..fade增加淡入淡出效果；添加 .fade 到每个 .tab-pane 后面; 3.第一个标签页必须添加 .in 类，以便淡入显示初始内容; W3Csch

2016-08-24 10:52:27 45851 1

原创 js根据日期等生成时间戳

遇到了根据年月日时分秒来生成时间戳，基本保证了每次生成的图片名字都不一样1.这种方法后面时间戳的格式是。比如2016年8月19日，11时10分3秒，生成的就是：20160819111003，代码如下：fid+时间戳构建文件名显示文件名var fid = "320001";function makeImgname(){ var imgname = fid

2016-08-19 11:17:39 6203

原创 ftp上传问题解决过程以及思考-pasv以及port两种模式

先描述下问题：上传材料才用ftp上传，先终端上将材料通过ftp上传到ftp服务器，在请求接口的这个过程；但是在某些法院机器上，ftp能够连接上，但是查看ftp目录、上传文件等就会失去连接；打开cmd命令，ftp 115.28.73.220后，dir查看目录，put上传文件也是一直不动，然后显示“远程主机关闭连接”；问题基本上是这样了，ftp能连上，但是传不了文件。进行了

2016-08-18 13:53:09 6474 1

转载 scrollWidth,clientWidth,offsetWidth的区别，类似这样的再记录

原文地址：http://www.cnblogs.com/kongxianghai/p/4192032.html通过一个demo测试这三个属性的差别。说明：scrollWidth：对象的实际内容的宽度，不包边线宽度，会随对象中内容超过可视区后而变大。 clientWidth：对象内容的可视区的宽度，不包滚动条等边线，会随对象显示大小的变化而改变。 offsetWidt

2016-08-08 14:38:23 297

转载现在问自己，你该坚持些什么？

原文地址：http://www.lz13.cn/lizhiwenzhang/10834.html有一天上网，收到这样一份短消息，标题是：“现实中，我们该怎样权衡放弃与坚持？”　　　　正文是这样的：“老师，在我看得许多有关励志方面的书中，有些里面提到要学会坚持，而且举了很多因为坚持最后取得成功人。而在一些书中，里面也会告诉你要学会放弃，学会转身另辟蹊径，然后重新寻找适合你的道路。可在现实

2016-07-23 17:48:25 450

原创 js代码禁用ctrl+w等组合键

代码：$(function(){ document.addEventListener('keydown', function(e){ e = window.event || e; var keycode = e.keyCode || e.which; if(e.ctrlKey && keycode == 87){ //屏蔽Ctrl+w

2016-07-19 09:02:25 12136 1

原创关于css的布局

1、圣杯布局：圣杯布局 body{ padding: 0px 200px 0px 100px; min-width: 600px; /* 设置页面最小宽度，防止缩小浏览器div错位 */ } .middle{ width: 100%; height: 200px; background: red; float: left; word-bre

2016-07-08 00:46:45 314

转载关于css清除浮动

原文地址：http://www.cnblogs.com/iloveyoucc/archive/2012/09/17/2688726.htmldiv+css中clear用法一开始用clear属性，只是跟float相对使用，今天看视频的时候还是不大明白，查了下资料原来是这样的哦，看咯。clear属性值有四个clear:both|left|right|none;作

2016-07-07 23:21:05 339

原创 js代码让iframe窗口全屏

最近在工作中使用novnc远程连接电脑，在ifrmae中嵌入novnc页面，点击全屏按钮，能够让iframe页面全屏。我的思路是：1）点击全屏按钮，让当前页面全屏；2）将iframe重新fixed定位，高宽设置100%，left top为0，定位到铺满当前浏览器全屏；3）将全屏按钮也一起定位到右上角；html代码：远程详情

2016-07-06 13:28:29 29858 2

转载阻止js事件冒泡的例子(cancelBubble 、stopPropagation)

阻止JS事件冒泡传递（cancelBubble 、stopPropagation）function doSomething (obj,evt) { alert(obj.id); var e=(evt)?evt:window.event; if (window.event) { e.cancelBubble=true;// ie下阻止冒泡 } else { //e.preven

2016-06-30 16:46:50 3818

转载 js中new ActiveXObject("Scripting.FileSystemObject")等操作本地文件用法

工作中遇到js读取本地配置文件，然后读取一行，的用法。在网上看到一篇好文章，转过来，原文地址：参考网址：http://www.jb51.net/article/48538.htmFileSystemObject 简称 FSO，文件系统组件。FSO组件需要足够的权限。在JS客户端代码中，一般没有权限访问FSO组件。但是服务端可以，所以，如果是ASPJScript服务端程序，才可以调用

2016-06-30 10:27:21 40356

原创工作中遇到的将json重新构建的例子

有一个json数组是这样的格式：var machine_list = [ { "error_count": "4", "ip": "192.168.1.102", "type": "S100" }, { "error_count": "2", "ip": "192.168.1.

2016-06-28 13:54:34 521

原创 html<map>使用例子记录

最近在工作中遇到html标签的使用：记录下地图的使用过程：html代码：然后写在上面鼠标移动、点击等事件；

2016-06-23 13:05:05 981

转载利用@media screen实现网页布局的自适应

一篇很好的文章，转过来了。原文地址：http://www.cnblogs.com/xcxc/p/4531846.html利用@media screen实现网页布局的自适应优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值1280分辨率以上（大于1200px）@me

2016-06-21 17:41:22 353

原创 js中打印使用

window.print()这个方法可以调打印 :下面是写的小例子:html代码：测试打印.thead{ padding: 8px; border:1px solid #ccc; width: 100px;}.tbody{ border: 1px solid #ddd; text-align: center; vert

2016-06-15 16:30:10 523

原创 JS Date的使用例子。

下面是js中new Date()的使用例子，日期格式的显示；包括一些小例子。html代码：js Date的使用.displayDate{ width:500px; height:200px; border:1px solid #ccc;}.display2{ margin-top: 100px; width:500px;

2016-06-08 10:44:54 511

原创 JQuery对JSON数组的操作

假如要对下面的JSON数组进行操作：新增、修改、删除操作：var file_kxcl = [ { "id":10, "children": [ { "index":1, "modyid":1320, "file_type":"kxcl", "file_name":"T_GZSJXX.txt", "kxcl_type

2016-05-17 15:36:49 4336

原创 $.ajax({})方法success，error，complete，beforeSend使用例子及解释

在与后台交互的时候，经常使用到jquery的$.ajax()方法来请求数据；回调函数用的比较多的是success，但是complete、beforeSend、error函数也是很有用的；下面是使用例子小结：html代码：ajax_demo.display{ width:600px; height: 400px; border:1px solid

2016-05-11 13:19:46 47730

原创使用dragloader.js插件实现上拉加载/下拉刷新..

在写代码时候有个需求是，在触屏页面，为了加快页面加载速度，案件列表每页展示5条数据；然后点击更多，展示下一页数据；但是为了触屏更好的体验，改为往上滑动案件列表，加载下一页数据；就是要实现上拉加载/下拉刷新的效果；我只用到了上拉加载；参考资料：http://blog.csdn.net/xb12369/article/details/39202711下面是写的demo：

2016-05-10 16:19:11 7988 2

原创 jstree的简单使用例子

jstree

2016-04-22 13:53:18 48571

原创 ps一些用法记录

1、怎么将选择区域的新建为另一个图片呢？crtl+shift+c -- 仅复制选择的区域ctrl+n -- 新建一个页面ctrl+v -- 将之前复制的保存到这个新页面2、将白色背景变为透明背景呢？http://www.3lian.com/edu/2014/06-18/149890.htmlPS中打开要处理的图片，双击背

2016-04-20 10:57:37 463

原创关于jquery获取元素高度、height、scrollTop等问题，更新。。。

1、是看这边资料的：http://www.365mini.com/page/jquery-scrolltop.htm当一个区域设置了over-flow-y：scroll，选择的li不在可视区，怎么样让页面初始化时展示这个li呢？效果图：怎么做呢？我写的js代码：//如果当前选择的法院不再可视区，滚动滚动条使其可见function show_scrollTop(){

2016-04-14 10:11:17 10345

原创 js根据select-option的value或者text来选中....等知识点更新

1、js根据select-option的value或者text来选中：html：律师监护人亲友其他 js将option选中的代码：$(function(){ //方法1 根据value $("#select1 option[value='4']").attr("selected","selected"); //方法2 根据text $("

2016-04-12 16:40:53 16818