08 2016 档案

滚动监控器
摘要：第一步：使用滚动监控器，首要的条件是在页面中加载对应的插件。在这里你可以加载合并好的bootstrap.js或者其独立的插件文件scrollspy.js。这里以加载合并好的js为例： src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/j 阅读全文
posted @ 2016-08-30 20:04 blogging 阅读(283) 评论(0) 推荐(0)
下拉菜单--JavaScript触发方法
摘要：1. $(function(){ $(".dropdown-toggle").one("click",function(){ $(this).dropdown("toggle"); }) }) 2.当下拉菜单隐藏时，调用dropdown(“toggle”)方法可以显示下拉菜单，反之，如果下拉菜单显示 阅读全文
posted @ 2016-08-30 19:22 blogging 阅读(1241) 评论(0) 推荐(0)
IE6 BUG及解决方案
摘要：1.IE6中奇数宽高的BUG 一个外部的相对定位div，内部一个绝对定位的div（right:0） 可是在IE6下查看，却变成了right:1px的效果了： 解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的 2、IE6中PNG Alpha透明 ie7,fireofx,opera,及至w 阅读全文
posted @ 2016-08-30 09:49 blogging 阅读(186) 评论(0) 推荐(0)
css布局
摘要：一列布局 居中显示：margin:0 auto; 二列布局 float:left; float:right; 脱离文档流：float和position：absolute;relative不能 三列布局 左边和右边固定，中间自适应：.left{width:200px;height:500pxbackg 阅读全文
posted @ 2016-08-24 11:53 blogging 阅读(143) 评论(0) 推荐(0)
data-参数说明(模态弹出窗的使用)
摘要：除了通过data-toggle和data-target来控制模态弹出窗之外，Bootstrap框架针对模态弹出框还提供了其他自定义data-属性，来控制模态弹出窗。比如说:是否有灰色背景modal-backdrop，是否可以按ESC键关闭模态弹出窗。有关于Modal弹出窗自定义属性相关说明如下所示： 阅读全文
posted @ 2016-08-21 10:26 blogging 阅读(852) 评论(0) 推荐(0)
模态弹出框
摘要：bootstrap中的“模态弹出框”有以下几个特点： 1、模态弹出窗是固定在浏览器中的。 2、单击右侧全屏按钮，在全屏状态下，模态弹出窗宽度是自适应的，而且modal-dialog水平居中。 3、当浏览器视窗大于768px时，模态弹出窗的宽度为600px。 设置大小尺寸 在做模态弹出窗时，底部常常会 阅读全文
posted @ 2016-08-20 09:45 blogging 阅读(1672) 评论(0) 推荐(0)
bootstrap导入JavaScript插件
摘要：Bootstrap的JavaScript插件可以单独导入到页面中，也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库，所以不论是单独导入还一次性导入之前必须先导入jQuery库。 一次性导入： Bootstrap提供了一个单一的文件，这个文件包含了 阅读全文
posted @ 2016-08-20 09:35 blogging 阅读(198) 评论(0) 推荐(0)
面板
摘要：面板（Panels）是Bootstrap框架新增的一个组件，其主要作用就是用来处理一些其他组件无法完成的功能。 带有头和尾的面板 彩色面板 面板中嵌套表格 在实际应用运中，你或许希望表格和面板边缘不需要有任何的间距。但由于panel-body设置了一个padding：15px的值，为了实现这样的效果 阅读全文
posted @ 2016-08-20 09:26 blogging 阅读(388) 评论(0) 推荐(0)
列表组
摘要：基础列表组 列表组--带徽章的列表组 只需要在“list-group-item”中文字前加添加徽章组件“badge”，具体：<span class="badge">13</span> 列表组--带链接的列表组 带链接的列表组，其实就是每个列表项都具有链接效果。大家可能最初想到的就是在基础列表组的基础 阅读全文
posted @ 2016-08-19 15:33 blogging 阅读(217) 评论(0) 推荐(0)
媒体对象
摘要：媒体对象--默认媒体对象 媒体对象一般是成组出现，而一组媒体对象常常包括以下几个部分： ☑ 媒体对像的容器：常使用“media”类名表示，用来容纳媒体对象的所有内容 ☑ 媒体对像的对象：常使用“media-object”表示，就是媒体对象中的对象，常常是图片 ☑ 媒体对象的主体：常使用“media- 阅读全文
posted @ 2016-08-19 15:20 blogging 阅读(723) 评论(0) 推荐(0)
进度条
摘要：进度条--基本样式 进度条--彩色进度条 进度条--条纹进度条 进度条--动态条纹进度条 进度条--层叠进度条(层叠进度条宽度之和不能大于100%，大于100%就会造成不良效果) 进度条--带Label的进度条 阅读全文
posted @ 2016-08-19 11:51 blogging 阅读(504) 评论(0) 推荐(0)
bootstrap缩略图及警示框制作
摘要：缩略图在网站中最常用的地方就是产品列表页面，一行显示几张图片，有的在图片底下（左侧或右侧）带有标题、描述等信息。Bootstrap框架将这一部独立成一个模块组件。并通过“thumbnail”样式配合bootstrap的网格系统来实现。可以将产品列表页变得更好看。 在宽屏幕（可视区域大于768px）的 阅读全文
posted @ 2016-08-19 10:30 blogging 阅读(853) 评论(0) 推荐(0)
bootstrap导航条相关知识
摘要：在导航条(navbar)中有一个背景色、而且导航条可以是纯链接（类似导航），也可以是表单，还有就是表单和导航一起结合等多种形式。 为导航条添加标题、二级菜单及状态 带表单的导航条 固定导航条 ☑ .navbar-fixed-top：导航条固定在浏览器窗口顶部 ☑ .navbar-fixed-bott 阅读全文
posted @ 2016-08-18 09:54 blogging 阅读(236) 评论(0) 推荐(0)
导航
摘要：标签形tab导航 标签形导航，也称为选项卡导航。特别是在很多内容分块显示的时，使用这种选项卡来分组十分适合。 胶囊形(pills)导航 垂直堆叠的导航（制作垂直堆叠导航只需要在“nav-pills”的基础上添加一个“nav-stacked”类名即可） 如果我在”nav-tabs”上添加“nav-st 阅读全文
posted @ 2016-08-17 15:33 blogging 阅读(259) 评论(0) 推荐(0)
按钮
摘要：1、默认所有按钮都有圆角 2、除第一个按钮和最后一个按钮（下拉按钮除外），其他的按钮都取消圆角效果 3、第一个按钮只留左上角和左下角是圆角 4、最后一个按钮只留右上角和右下角是圆角 按钮工具栏 按钮组大小设置 在介绍按钮一节中，我们知道按钮是通过btn-lg、btn-sm和btn-xs三个类名来调整 阅读全文
posted @ 2016-08-17 10:53 blogging 阅读(229) 评论(0) 推荐(0)
下拉菜单
摘要：1、使用一个名为“dropdown”的容器包裹了整个下拉菜单元素，示例中为: <div class="dropdown"></div> 2、使用了一个<button>按钮做为父菜单，并且定义类名“dropdown-toggle”和自定义“data-toggle”属性，且值必须和最外容器类名一致，此示 阅读全文
posted @ 2016-08-17 09:26 blogging 阅读(188) 评论(0) 推荐(0)
列的嵌套
摘要：<div class="container"> <div class="row"> <div class="col-xs-8"> 我的里面嵌套了一个网格 <div class="row"> <div class="col-xs-6">col-md-6</div> <div class="col-xs 阅读全文
posted @ 2016-08-16 16:31 blogging 阅读(152) 评论(0) 推荐(0)
列排序
摘要：列排序其实就是改变列的方向，就是改变左右浮动，并且设置浮动的距离。在Bootstrap框架的网格系统中是通过添加类名“col-md-push-*”和“col-md-pull-*” (其中星号代表移动的列组合数)。 阅读全文
posted @ 2016-08-16 16:06 blogging 阅读(193) 评论(0) 推荐(0)
列偏移
摘要：有的时候，我们不希望相邻的两个列紧靠在一起，但又不想使用margin或者其他的技术手段来。这个时候就可以使用列偏移（offset）功能来实现。使用列偏移也非常简单，只需要在列元素上添加类名“col-md-offset-*”(其中星号代表要偏移的列组合数)，那么具有这个类名的列就会向右偏移。例如，你在 阅读全文
posted @ 2016-08-16 15:55 blogging 阅读(423) 评论(0) 推荐(0)
bootstrap小图标引用方法
摘要：<span class="glyphicon glyphicon-search"></span> <span class="glyphicon glyphicon-asterisk"></span> <span class="glyphicon glyphicon-plus"></span> <sp 阅读全文
posted @ 2016-08-16 12:04 blogging 阅读(1128) 评论(0) 推荐(0)
图像
摘要：在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计2、img-rounded：圆角图片3、img-circle：圆形图片4、img-thumbnail：缩略图片 设置图片大小： 由于样式没有对图片做大小上的样式限制，所以 阅读全文
posted @ 2016-08-16 11:51 blogging 阅读(152) 评论(0) 推荐(0)
表单控件
摘要：复选框和单选按钮水平排列 1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline”2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline” 按钮 多标签制作按钮 注意：虽然在Bootstrap框架中使用任何标签元素都 阅读全文
posted @ 2016-08-16 08:47 blogging 阅读(203) 评论(0) 推荐(0)
表单
摘要：类名“form-control”实现效果： 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999 水平表单：在Bootstrap框架中要实现水平表单效果 阅读全文
posted @ 2016-08-15 11:39 blogging 阅读(124) 评论(0) 推荐(0)
表格行的类
摘要：注意要实现悬浮状态，需要在<table>标签上加入table-hover类。 阅读全文
posted @ 2016-08-15 08:53 blogging 阅读(106) 评论(0) 推荐(0)
代码风格
摘要：1、使用<code></code>来显示单行内联代码2、使用<pre></pre>来显示多行块代码 <pre>元素一般用于显示大块的代码，并保证原有格式不变。但有时候代码太多，而且不想让其占有太大的页面篇幅，就想控制代码块的大小。Bootstrap也考虑到这一点，你只需要在pre标签上添加类名“.p 阅读全文
posted @ 2016-08-15 08:45 blogging 阅读(301) 评论(0) 推荐(0)
bootstrap实现去点列表、内联列表、水平定义列表
摘要：内联列表：通过添加类名“.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。 去点列表：通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格 水平定义列表：给<dl>添加类名“.dl-hori 阅读全文
posted @ 2016-08-15 08:40 blogging 阅读(3715) 评论(0) 推荐(0)
IE6，7，8在boostrap中兼容h5和css3
摘要：IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可: <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2016-08-14 10:59 blogging 阅读(206) 评论(0) 推荐(0)
Bootstrap表格类名及对应图形
摘要：.table：基础表格 不管制作哪种表格都离不开类名“table”。所以大家在使用Bootstrap表格时，千万注意，你的<table>元素中一定不能缺少类名“table”。 .table-striped：斑马线表格 .table-bordered：带边框的表格 .table-hover：鼠标悬停高 阅读全文
posted @ 2016-08-13 16:41 blogging 阅读(816) 评论(0) 推荐(0)
兼容低于IE9不支持html5标签的元素的方法
摘要：方法一： <!--[if lt IE9]> <script> (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, ev 阅读全文
posted @ 2016-08-12 15:31 blogging 阅读(1359) 评论(0) 推荐(0)
transition与animation的区别
摘要：transition需要事件触发，animation可以直接自动触发，而且功能上更为强大，包括可以设置不同时间段的动画规则，还有状态的控制，事件等等。 阅读全文
posted @ 2016-08-10 09:46 blogging 阅读(189) 评论(0) 推荐(0)
position与offset的区别
摘要：.offset()是相对于文档（document）的当前位置,.position()是相对于父级元素的位移，一个元素可以嵌套多个position 阅读全文
posted @ 2016-08-09 14:50 blogging 阅读(207) 评论(0) 推荐(0)
通过TortoiseGit上传项目到GitHub
摘要：1、安装msysgit和TortoiseGit ； 2、TortoiseGit 设置： （1）、确保安装成功： （2）、设置用户名和邮箱： 3、登陆github并进入设置页面： 4、添加 SSH Key： 5、通过TortoiseGit生成SSH key： 点击 Save private key 保 阅读全文
posted @ 2016-08-09 11:22 blogging 阅读(258) 评论(0) 推荐(0)
删除右键菜单中的Git Gui Here、Git Bash Here的方法
摘要：修改注册表的方法： 1.点击左下角开始菜单 - 运行（输入regedit）- 确定或者回车； 2.在打开的注册表中找到：HKEY_CLASSES_ROOT，并点HKEY_CLASSES_ROOT前面的小三角；找到Directory，点击前面的小三角；找到Background，点击前面的小三角；打开s 阅读全文
posted @ 2016-08-08 08:35 blogging 阅读(3863) 评论(0) 推荐(2)
block functions区块函数插件的定义与使用
摘要：在插件目录plugins里新建文件 block.插件名.php文件（如 block.插件名.php） 例：block.test2.php 在tpl中新建content.html index.php 运行结果： 阅读全文
posted @ 2016-08-04 17:08 blogging 阅读(226) 评论(0) 推荐(0)
modifiers标量调节器插件的定义和使用
摘要：在插件目录plugins里新建文件 modifier.插件名.php文件（如 modifier.插件名.php）例：function smarty_modifier_test($utime, $format){return date($format,$utime);}tpl中新建datetime.h 阅读全文
posted @ 2016-08-04 16:41 blogging 阅读(185) 评论(0) 推荐(0)
functions函数插件的定义和使用
摘要：创建Smarty插件：在插件目录（plugins）里新建文件 类型.插件名.php文件，然后插件方法名字书写规范： smarty_类型_插件名([...]){}在模板（tpl文件）中调用插件时格式{插件名 参数1=* 参数2=*}例：Function.test.php //文件名<？phpfunct 阅读全文
posted @ 2016-08-04 16:24 blogging 阅读(255) 评论(0) 推荐(0)
smarty内置函数、自定义函数
摘要：1.把字符串里的d字母替换成h格式：{'d'|str_replace:'h':$str}; d要查找的字符 h要替换的字符 $str字符串 2.function test($param){$p1=$param['p1'];$p2=$param['p2'];return '参数1：'.$p1.'参数2 阅读全文
posted @ 2016-08-04 11:53 blogging 阅读(200) 评论(0) 推荐(0)
smarty类与对象的赋值与使用
摘要：<?phprequire_once('../smarty/Smarty.class.php');//配置信息$smarty=new Smarty();$smarty->left_delimiter="{";$smarty->right_delimiter="}";$smarty->template_ 阅读全文
posted @ 2016-08-04 11:25 blogging 阅读(353) 评论(0) 推荐(0)
Smarty模板的引用
摘要：（1）include用法和php里的include差不多（2）smarty的include还具备自定义属性的功能例如 {include file="header.tpl" title="网站标题" table_bgcolor="c0c0c0"}{include file="header.tpl" s 阅读全文
posted @ 2016-08-04 11:16 blogging 阅读(338) 评论(0) 推荐(0)
Smarty的循环
摘要：（1）section、sectionelse功能多，参数多。或许不是太实用。是smarty用来做循环操作的函数之一。（2）了解基本属性name和loop <section name=article loop=$articlelist>{$articlelist[article].title}{$ar 阅读全文
posted @ 2016-08-04 11:00 blogging 阅读(188) 评论(0) 推荐(0)
Smarty的条件判断语句
摘要：（1）基本句式{if $name eq "Fred"}Welcome Sir.{elseif $name eq "Wilma"}Welcome Ma'am.{else}Welcome,whatever you are.{/if}（2）条件修饰符有很多，请记得简单的几个eq（==） neq（！=）gt 阅读全文
posted @ 2016-08-04 10:48 blogging 阅读(346) 评论(0) 推荐(0)
Smarty的基本语法------变量调节器
摘要：（1）首字母大写capitalize示例：{$articleTitle|capitalize}（2）字符串连接 cat示例：{$articleTitle|cat:" yesterday."} {$mystr|cat:" foever":" foever"}//连接多个字符串 （3）日期格式化 dat 阅读全文
posted @ 2016-08-04 10:34 blogging 阅读(109) 评论(0) 推荐(0)
Smarty配置与实例化
摘要：在smarty文件夹下建立一个test文件夹，test下建立如下： 编辑test.php如下： 在tpl中建立test.html,输入{$hello} 在浏览器中测试test.php 成功输出“你好” 阅读全文
posted @ 2016-08-03 16:43 blogging 阅读(158) 评论(0) 推荐(0)
Smarty简介
摘要：Smarty是一个使用PHP写出来的模板引擎，是目前业界最著名的PHP模板引擎之一。它分离了逻辑代码和外在的内容，提供了一种易于管理和使用的方法，用来将原本与HTML代码混杂在一起PHP代码逻辑分离。简单的讲，目的就是要使PHP程序员同前端人员分离，使程序员改变程序的逻辑内容不会影响到前端人员的页面 阅读全文
posted @ 2016-08-03 15:48 blogging 阅读(162) 评论(0) 推荐(0)
简易调用及实例化视图
摘要：function V($name){require_once('/libs/View/'.$name.'View.class.php');eval('$obj = new '.$name.'View();'); return $obj;} //eval方便但是不安全，可以用以下代替：$view = 阅读全文
posted @ 2016-08-03 11:06 blogging 阅读(183) 评论(0) 推荐(0)
简易调用及实例化模型
摘要：function M($name){require_once('/libs/Model/'.$name.'Model.class.php');//$testModel = new testModel();eval('$obj = new '.$name.'Model();');return $obj 阅读全文
posted @ 2016-08-03 10:59 blogging 阅读(168) 评论(0) 推荐(0)
简易调用及实例化控制器
摘要：创建函数文件function.phpfunction C($name,$method){require_once('/libs/Controller/'.$name.'Controller.class.php'); //$testContreller = new testContreller();/ 阅读全文
posted @ 2016-08-03 10:47 blogging 阅读(227) 评论(0) 推荐(0)
MVC错误（一）
摘要：目录规范后将相应的文件放到该放的地方后，应修改require_once();中的路径 调试php代码时先打开WampServer，再在浏览器中输入localhost/文件夹名/index.php 阅读全文
posted @ 2016-08-03 10:25 blogging 阅读(157) 评论(0) 推荐(0)
单一入口及MVC目录规范
摘要：单一入口指在一个web应用程序中，所有的请求都是指向一个脚本文件，例如我们经常看到某一个网站所有的页面都是index.php？xxxx这样的形式。所有对使用程序的访问都是必须通过这个入口。 目录规范： 阅读全文
posted @ 2016-08-03 10:09 blogging 阅读(181) 评论(0) 推荐(0)
MVC各个层的作用
摘要：（1）控制器的作用是调用模型，并调用视图，将模型产生的数据传递给视图。并让相关视图去显示。（2）模型的作用是获取数据并处理数据。（3）视图的作用是将取得的数据进行组织、美化等，并最终向用户终端输出。 阅读全文
posted @ 2016-08-03 09:29 blogging 阅读(1365) 评论(0) 推荐(0)
MVC工作流程
摘要：MVC：model view controller（模型，视图，控制器）视图：我们能直观看到的web界面模型：按要求从数据库取出数据控制器：向系统发出指令的工具和助手 （1） 浏览者 --> 调用控制器，对他发出指令（2） 控制器 --> 按指令选取一个合适的模型（3） 模型 --> 按控制器指令取 阅读全文
posted @ 2016-08-02 16:57 blogging 阅读(641) 评论(0) 推荐(0)
如何让两个div并排显示
摘要：正常情况下两个div都是上下排版的，那么怎么让它们并排显示呢？ 方法一：都左浮动float:left; 方法二：一个左浮动，一个右浮动 方法三：给两个div都设置display:inline属性，但两个div的width属性会失效 阅读全文
posted @ 2016-08-02 11:07 blogging 阅读(1580) 评论(0) 推荐(0)
js失效的原因及解决方式
摘要：1、在head中先引用了js文件再引用jquery，应先引用jquery 2、js文件中所有代码应包含在$(function(){ });中 阅读全文
posted @ 2016-08-02 10:47 blogging 阅读(1026) 评论(0) 推荐(0)
zend studio永久使用的方法
摘要：安装时选择试用版，以后每天的剩余天数会减少，找到c盘->用户->administrator删除三个文件（.zend,.zend studio,.zs）即可，.zs往往是隐藏的，这时需要选择 组织->文件夹和搜索选项->查看->显示隐藏文件，再将.zs删除即可，再打开zend studio就会变成30 阅读全文
posted @ 2016-08-02 09:03 blogging 阅读(264) 评论(0) 推荐(0)
SVN下载地址及注意事项
摘要：SVN下载地址：VisualSVN：http://www.visualsvn.com/server/download 服务器端（添加仓库和用户）TortoiseSVN:http://tortoisesvn.net/downloads.html 客户端 注意事项： 1、在服务器端选择对应的某个仓库，上 阅读全文
posted @ 2016-08-01 17:30 blogging 阅读(677) 评论(0) 推荐(0)
SVN基本操作
摘要：svn版本控制工具，多人协作，需要安装服务端和客户端，服务端要建仓库和用户，客户端checkout输入用户名和密码，和保存路径； commit提交本地磁盘增删改文件，可以留意蓝问号（新增），红感叹号（修改），绿钩（已提交），还有提交时文件的status状态是missing，modify等等 阅读全文
posted @ 2016-08-01 17:21 blogging 阅读(165) 评论(0) 推荐(0)
SVN常见问题及解决方式（一）
摘要：1、每天早上上班要update SVN，每天下班要commit SVN。2、查看是谁动了我的代码，右键 tortoise 后查看 log 日志。3、文件被别人删除，在空白处右击，show log，可以查看整个库的所有增删改查操作记录，如果单个文件还在，只想查看该文件记录，那就在该文件上查看 log（ 阅读全文
posted @ 2016-08-01 17:17 blogging 阅读(1015) 评论(0) 推荐(0)
SVN常见问题及解决方式（二）
摘要：1.分支不同 ==> update merge(svn自动合并)2.分支冲突 ==> 协商解决冲突，选择一个正确的版本覆盖（最新的正确直接Revert最新）:出现四个文件。黄色感叹号代表SVN没办法自动合并，因为A B修改的内容一致。第一个文件：共同修改内容对比显示。第二个文件：A你的代码 第三个文 阅读全文
posted @ 2016-08-01 17:02 blogging 阅读(221) 评论(0) 推荐(0)
zend studio中安装Emmet插件后迅速编写html的方法
摘要：table>tr*3>th*1+td*3h1{hello} <h1>hello</h1>a[href="xx.xxx.xxx(网址)"]{xxxxx（超链接名称）} <a href="www.baidu.com">百度</a>ul>li.item${haha $$}*4 <ul><li class= 阅读全文
posted @ 2016-08-01 16:26 blogging 阅读(511) 评论(0) 推荐(0)
ZendStudio 代码调试
摘要：F5、单步调试进入函数内部（单步进入）F6、单步调试不进入函数内部（跳过）F7、由函数内部返回到调用处（跳出） F8、一直执行到下一个断点Ctrl+F2：结束调试 阅读全文
posted @ 2016-08-01 15:57 blogging 阅读(184) 评论(0) 推荐(0)
PHP中循环结构之foreach循环语句
摘要：在PHP中foreach循环语句，常用于遍历数组，一般有两种使用方式:不取下标、取下标。 （1）只取值，不取下标 （2）同时取下标和值 阅读全文
posted @ 2016-08-01 13:01 blogging 阅读(580) 评论(0) 推荐(0)