leng0920的博客

原创 文件上传按钮（适配所有浏览器）

form id="file_upload" action="__APP__/File/upload" method="post" enctype="multipart/form-data"> span class="btn btn-success" onclick="$('#fileInput').trigger('click');">上传文件span> span style="display

原创 精灵图（雪碧图）使用

[class^="icon-"], [class*="icon-"] { display: inline-block; margin-top: 0px; *margin-right: .3em; vertical-align: text-top; background-image: url("../../images/common/UInew.png?v=2

原创 textarea字数限制

2、备注字数限制并显示统计数量（英文一个字符，中文两个字符）（js）<script> 公共方法jsvar TMSStatic = {/**截取指定长度，并返回结果信息(支持中英文) * @param val 用户输入的值 * @param max 截取长度 * @return obj 返回截取后的结果对象{ * length:长度, retur...

原创 css3动画属性

1、data-ride="carousel"属性作用因为课程代码中使用js启动了轮播，所以看上去data-ride没效果2、data-interval="2000"bootstrap框架属性，图片轮播间隔时间为2000

原创 DIV作输入框使用

div加个contenteditable=true就可以当输入框contenteditable=true>

原创 鼠标移出事件

jQuery('#toolbar').find('.font-set').off('mouseover').bind('mouseover', function () {                $(this).addClass("active");            }).off('mouseout').bind('mouseout', function () {     

原创 根据不同的值给父级div添加class样式

页面 异常单 0 css样式.count_errors{ 1px solid red;}js样式$("#count_error").html(data.summary_count['error']); if(data.summary_count['e

原创 让div的大小随着内容的变化而变化

*{margin:0px;padding:0px;}div{display: inline-block;行内块级元素width: auto; height:auto; border: 1px solid #ccc; }请问div的margin值是多少上来

原创 设置文字自动换行

span{    display: block;    width: 100px;            height:100px ;            background: blue;             white-space: break-word; 文字自动换行}请问div的margin值是多少上来的发个啥金黄色的局卡拉翰USA挂号费加

原创 h5兼容ie9以下版本

原创 PHP $_POST取值

//【action="?" 提交到当前页面】,$_GET取值同理   if(!empty($_POST["username"])){    echo $_POST["username"];   }       if(!empty($_POST["pwd"])){    echo $_POST["pwd"];   }?>

原创 文本框点击后出现蓝色框

1、select点击后出现蓝色框解决方法：select{    outline: medium none;}2、input点击后出现蓝色框解决方法：input:focus{    outline: none;}

原创 PHP参数验证

1、按需求检查客户端提交过来的参数2、每种参数类型，是否必填3、范围值控制

原创 伪元素使用

1、css :last-child :last-child 选择器匹配属于其父元素的最后一个子元素的每个元素。2、css :first-child :first-child 选择器匹配属于其父元素的最后一个子元素的每个元素。3、伪元素after的用法/*为每个li添加间隔线*/ul li:after{content:"|";padding-left: 8px;

原创 html常用标签

1、布局型最常用标签： div，h1-h6, ul,li, ol, p, dl dt dd, table , iframe（创建包含另外一个文档的内联框架（即行内框架））2、内容存放型最常用标签：img aspan,b,strong，em,i3、html5新增常用布局型： header（定义文档的页眉），aside（定义article以外的内容。aside的内容应该与art

原创 文字溢出省略号显示（用此属性的容器不能使用padding，否则内容会溢出）

1、单行overflow:hidden; 文字溢出隐藏text-overflow:clip : 不显示省略标记（...），而是简单的裁切text-overflow:ellipsis : 当对象内文本溢出时显示省略标记（...）2、文字超过两行省略号显示display: -webkit-box;overflow: hidden;text-overflow: ellipsis;...

转载 css3放大显示div（由远及近显示）

.ktms-container .itemrow .wecando .wecando-cartoon2{ animation-name:zoomin; animation-duration:1s; -webkit-animation-name:zoomin; -webkit-animation-duration:1s;}@keyframes zoomin{    from { tran

原创 媒体查询响应式布局

媒体查询响应式布局

原创 js插件解读

1、calendar.js：日期插件；2、html5shiv.js：用于解决IE9以下版本浏览器对HTML5新增标签不识别，并导致CSS不起作用的问题的js文件；3、jquery.js里的代码是没有进行处理的原代码,适合于人们阅读与研究；4、jquery.min.js里的代码进行过特殊的处理,如变量的名称基本都写成一个字母,而且格式缩进都被删除了.所以文件容量比较小(min),一般在网

原创 css隐藏和显示

.aa{     display:none;隐藏}   .aa{     display:block;显示}

原创 背景图片始终居中的两种方式

1、background:src("../images/123.jpg")no-repeat center center; 2、background:src("../images/123.jpg")no-repeat; background-poisitn:center;

原创 修改Placeholder默认的字体颜色

1、修改Placeholder默认的字体颜色(根据不同的浏览器进行定义) ::-webkit-input-placeholder { /* WebKit browsers */ color: #999; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999;

原创 格式转换语法

{$变量名|格式转换方法：参数值;}    说明：   $变量名:指通过$smarty-assign声明的变量   |(竖线分隔符)：“格式转换方法”对变量的值进行格式转换   ：（冒号分隔法）：若“格式转换方法”需要传参时才指定“格式转换方法”的传参，否则可省略传参和冒号。

原创 HTML隐藏文本框的四种方式

1、对所有的文本框都起作用（隐藏域，多用于存数据） 2、对象隐藏后，对象不占任何空间 3、对象隐藏后，还有占有相应的空间大小 4、

原创 css鼠标点击的五种状态

1、a:link{color:#fff} 未访问时的状态（鼠标点击前显示的状态） 2、a:hover{color:#fff} 鼠标悬停时的状态 3、a:visited{color:#fff} 已访问过的状态（鼠标点击后的状态） 4、a:active{color:#fff} 鼠标点击时的状态 5、a:focus{color:#fff} 点击后鼠标移开保持鼠标点击时的

原创 杂序

1、JetBrains WebStorm 10.0.4查找文件  复制文件中的特殊字符-打开工具-在所在目录右击-findinpath-粘贴关键字-确定-在查询出的文件中找到自己所需文件。2、在目录中查找整个文件    双击shift，在弹出框中输入需要查找的文件名。3、查找字段    ctrl+f-输入需要查找的字段-回车 4、清除缓存    ctrl+shift+d

原创 编程时常出现的问题

1、文件书写错误2、命名存在空格（图片显示）3、库名错误、表名错误、数据库字段与页面字段不相符（数据增删查改）4、文件路径错误（页面跳转）5、对数据进行增删查改时应注意参数相对应