2017年4月11日
css设置文字不换行并显示省略号
摘要： 1、单行文本显示省略号 width：value（具体的值）；设置容器具体的宽度 white-spacing：nowrap；强制文本在一行内显示 overflow：hidden；溢出内容为隐藏 text-overflow：ellipsis；溢出文本显示省略号 2、多行文本显示省略号 display:- 阅读全文
posted @ 2017-04-11 14:09 晨莳c 阅读(731) 评论(0) 推荐(0) 编辑
input标签与label标签的“合作关系”
摘要： label的for属性和input的id值一致的话，input和label就会组成一个组。例如： 点击label的区域同样会触发到input的选中效果。利用这一特性，然后结合伪元素可以自定义单选框和单选按钮。 阅读全文
posted @ 2017-04-11 13:52 晨莳c 阅读(3006) 评论(0) 推荐(0) 编辑
window.onload和$(document).ready(function(){})的区别
摘要： 原文出自：http://www.php100.com/html/program/jquery/2013/0905/5954.html 1、执行时间上的区别：window.onload必须等到页面内（包括图片的）所有元素加载到浏览器中后才能执行。而$(document).ready(function( 阅读全文
posted @ 2017-04-11 10:49 晨莳c 阅读(187) 评论(0) 推荐(0) 编辑
2017年3月3日
javascript:让表单 文本框 只读，不可编辑的方法
摘要： 有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1: onfocus=this.blur()<input type= 阅读全文
posted @ 2017-03-03 15:16 晨莳c 阅读(2336) 评论(0) 推荐(0) 编辑
JQuery操作下拉框
摘要： 要实现这种效果： HTML： Jquery代码 知识点： jQuery获取Select选择的Text和Value:语法解释：1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发2. var checkTe 阅读全文
posted @ 2017-03-03 10:48 晨莳c 阅读(218) 评论(0) 推荐(0) 编辑
2017年2月23日
项目中常用js方法整理common.js
摘要： var h = {}; h.get = function (url, data, ok, error) { $.ajax({ url: url, data: data, dataType: 'json', success: ok, error: error }); ... 阅读全文
posted @ 2017-02-23 14:36 晨莳c 阅读(320) 评论(0) 推荐(0) 编辑
2017年2月13日
embed标签动态改变Src的值，局部刷新播放其他视频的javascript方法
摘要： 点击右边列表，左边刷新播放，开始的代码： 这样只能切换embed的src值，但并不会切换播放（奇怪firefox能够切换播放，其它浏览器只能改变了src），就是没有触发视频的play动作，但因为不是html5的<video>标签，embed标签无法用js传入play()方法，所以只能想别的方法，如下 阅读全文
posted @ 2017-02-13 10:31 晨莳c 阅读(3418) 评论(0) 推荐(0) 编辑
2016年12月30日
在BootStrap的modal中使用Select2
摘要： 在普通页面中使用Select2是正常的，但是在Modal中使用就发现了一些问题，首先如果在页面加载完成后就调用 $(".select2").select2();是会有问题的，你会发现Modal框中的select显示不正常，正确的做法是要改成 $("#editModal").on("shown.bs. 阅读全文
posted @ 2016-12-30 13:53 晨莳c 阅读(2469) 评论(1) 推荐(0) 编辑
2016年12月20日
小数点校验，只允许输入数字，小时点后只有两位
摘要： 输入框只能输入数字，不允许输入文字，字母，特殊字符，小数点后只允许输入两位， 阅读全文
posted @ 2016-12-20 14:14 晨莳c 阅读(1538) 评论(0) 推荐(0) 编辑
带左右按钮的左右循环滚动轮播图，图片上带css3动效，用于显示文字
摘要： 带左右按钮的左右循环滚动轮播图，鼠标hover在模块上时，该文字模块会由下向上消失，同时图片模块会向下向上出现。我做的这个demo里没有放图片，我用“图片”两个字代替，需要用图片的朋友可以根据自己需要插入图片。 scrollPic.js插件 运行效果图： 阅读全文
posted @ 2016-12-20 14:07 晨莳c 阅读(1301) 评论(0) 推荐(0) 编辑