02 2017 档案

js全选checkbox框
摘要:/*全选反选*/ <div class="nav nav-tabs " id="left_nav"> <h1><input type="checkbox" name="carchecked" id="carchecked" />车辆缴费</h1> <ul> <li><input type="chec 阅读全文

posted @ 2017-02-24 13:53 Monroe_Yu 阅读(119) 评论(0) 推荐(0) 编辑

word-wrap: break-word;与word-break: break-all;文本自动换行
摘要:word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行它们的区别就在于:1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等 阅读全文

posted @ 2017-02-23 15:10 Monroe_Yu 阅读(971) 评论(0) 推荐(0) 编辑

含加减的输入框
摘要:<div class="y-detail-main-count"> <div id="buyNumbers" class="y-detail-main-count-number"> <div class="w-number w-number-inline"> <a title="可以长按哦~" cl 阅读全文

posted @ 2017-02-22 10:35 Monroe_Yu 阅读(559) 评论(0) 推荐(0) 编辑

sublime Text3+emmet(快速开发)
摘要:sublime软件使用Emmet插件快速编写CSS样式 基本的CSS样式编写时,很多样式只需输入首字母即可得到不带属性值的CSS样式,像上面说到的margin。而对于一些带有特定的属性值的CSS样式,只需输入CSS标签与属性值的首字母就可以,比如:fl → float: left; 而在编写这些CS 阅读全文

posted @ 2017-02-20 15:51 Monroe_Yu 阅读(739) 评论(0) 推荐(0) 编辑

emmet(快速开发)的使用
摘要:emmet可以帮助您快速编写HTML和CSS代码,从而加速Web前端开发。 比如<html>、<head>、<body>等,现在你只需要1秒钟就可以输入这些标签。 比如输入“!”或“html:5”,然后按Tab键或ctrl+e: html:5 或!:用于HTML5文档类型 html:xt:用于XHT 阅读全文

posted @ 2017-02-20 15:13 Monroe_Yu 阅读(187) 评论(0) 推荐(0) 编辑

sublime Text3快捷键使用大全
摘要:Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个栗子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。Ctrl+Shift 阅读全文

posted @ 2017-02-20 14:21 Monroe_Yu 阅读(340) 评论(0) 推荐(0) 编辑

最简单的富文本编辑器
摘要:html: <div class="editor" contenteditable="true"></div> css: .editor{ width: 580px; height: 65px; border: 0px; outline: 0; //设置边框为0; margin-bottom: 5p 阅读全文

posted @ 2017-02-17 16:49 Monroe_Yu 阅读(664) 评论(0) 推荐(0) 编辑

js随机模块颜色
摘要:js 阅读全文

posted @ 2017-02-17 16:47 Monroe_Yu 阅读(175) 评论(0) 推荐(0) 编辑

可以随鼠标拖拽的div
摘要:可以拖拽的div 阅读全文

posted @ 2017-02-17 16:42 Monroe_Yu 阅读(162) 评论(0) 推荐(0) 编辑

js动弹特效
摘要:无标题文档 阅读全文

posted @ 2017-02-17 16:37 Monroe_Yu 阅读(136) 评论(0) 推荐(0) 编辑

正则表达式-表单验证
摘要:用户名: 密码: ... 阅读全文

posted @ 2017-02-17 16:34 Monroe_Yu 阅读(194) 评论(0) 推荐(0) 编辑

get你想象不到的技能
摘要:1、取消选取、防止复制 <body selectStart="return false"> </body> 2、不允许粘贴 <body onpaste="return false"> </body> 3、防止复制 oncopy="return false" 4、防止剪切 oncut="return 阅读全文

posted @ 2017-02-17 14:01 Monroe_Yu 阅读(138) 评论(0) 推荐(0) 编辑

文字列表滚动(文字轮播)
摘要:明天你是否会想起曾经我写的日记 一个人的时候不是不像你 一个人的时候只是怕想你 一个人的时候如果下起了雨 我... 阅读全文

posted @ 2017-02-17 13:34 Monroe_Yu 阅读(994) 评论(0) 推荐(0) 编辑

神奇的marquee--滚动的文字
摘要:hello!marquee the day you went the day! ... 阅读全文

posted @ 2017-02-17 10:42 Monroe_Yu 阅读(229) 评论(0) 推荐(0) 编辑

window.onload与document.ready的区别
摘要:1、 window.onload必须等到网页中所有的内容加载完(包含图片)才执行 document.ready网页中所有DOM结构绘制完执行,可能DOM并没有加载完 所有document.ready比window.onload要先执行 2、 window.onload只能有一个 document.r 阅读全文

posted @ 2017-02-17 10:08 Monroe_Yu 阅读(151) 评论(0) 推荐(0) 编辑

display与visibility的使用(区别)
摘要:display:none;隐藏元素,且此元素无物理位置; visibility:hidden;隐藏元素,但元素的物理位置依然存在; 因为display:none导致页面上无此元素的空间,js就获取不到此元素的信息,此时应用visibility:hidden来代替display:none; displ 阅读全文

posted @ 2017-02-15 14:38 Monroe_Yu 阅读(342) 评论(0) 推荐(0) 编辑

文字超出用省略号(...)表示(单行文本)
摘要:html: <span class="history">货已经发过去了货已经发过去了</span> css: /*多出的用省略号替代*/ .history{ display: inline-block; width: 120px; white-space: nowrap; overflow: hid 阅读全文

posted @ 2017-02-15 14:28 Monroe_Yu 阅读(175) 评论(0) 推荐(0) 编辑