摘要: 不久前在一些前端的网站上看到的效果,以前觉得console只是拿来做做调试,不过现在看到别人网站的console美化效果,这个还可以作为一种网站个性来显示的..以%c开头,后面的文字就打印的信息,后面一个参数就是样式属性;可以尝试多个样式,每碰到一个%c开头就会应用对应的样式:console.l... 阅读全文
posted @ 2014-12-23 16:47 sevennight 阅读(2457) 评论(0) 推荐(0) 编辑
摘要: 在页面加载完成之后,我们在页面操作用js生成html代码到页面,动态的添加元素带页面上但是,这里可能很多人就必须碰到的一个问题就出现了,当你之后动态添加了元素到页面上,发现这个元素的绑定事件无效,如click点击了根本没有作用这里就要用到事件委托让未来元素能绑定事件方法一$("div").del... 阅读全文
posted @ 2014-12-10 19:57 sevennight 阅读(538) 评论(0) 推荐(0) 编辑
摘要: 在这儿,可能就要提示一个ajax的一个属性async async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个... 阅读全文
posted @ 2014-12-10 19:43 sevennight 阅读(298) 评论(0) 推荐(1) 编辑
摘要: input输入框是网页必不可少的组件,可是每个浏览器对于输入框的显示样式各有不同例如: 上图分别就是谷歌浏览器和IE浏览器自带显示的输入框,样式也不足人意,所以大多都会自己写样式以下是一个简单的文本框样式 input{ border: 1px so... 阅读全文
posted @ 2014-12-04 20:24 sevennight 阅读(79742) 评论(0) 推荐(5) 编辑
摘要: 大体分两步:1、利用jquery裁剪图片,把裁剪到的几个点传入后端2、利用前端传入的几个点,来裁剪图片首先,用到一个jquery的插件imgAreaSelect实例及插件下载地址:http://odyniec.net/projects/imgareaselect/引入插件: J... 阅读全文
posted @ 2014-12-04 14:29 sevennight 阅读(2271) 评论(0) 推荐(0) 编辑
摘要: div拖动代码,在用此代码之前,你可能需要将你需要拖动的元素style设置position: absolute;#textareaSavaDiv{ position: absolute; right:50px; width:300px; height:300px;}html... 阅读全文
posted @ 2014-11-24 18:00 sevennight 阅读(342) 评论(0) 推荐(0) 编辑
摘要: a{ display: block; /*定义显示形式*/ overflow: hidden; /*截取超出字符*/ text-overflow: ellipsis; /*超出字符以…代替*/ white-space: nowrap; ... 阅读全文
posted @ 2014-11-21 10:47 sevennight 阅读(353) 评论(0) 推荐(0) 编辑
摘要: spring mvc使用的默认处理字符串编码为ISO-8859-1解决方法:第一种方法:对于需要返回字符串的方法添加注解,如下:@RequestMapping(value="/user/reg",produces="application/json; charset=utf-8")@Response... 阅读全文
posted @ 2014-11-17 14:31 sevennight 阅读(278) 评论(0) 推荐(0) 编辑
摘要: 插件效果: 下载地址和文档: https://github.com/iprignano/tendina 阅读全文
posted @ 2014-11-16 19:08 sevennight 阅读(327) 评论(0) 推荐(0) 编辑
摘要: 当div需要设定自适应高度时,可用到的css属性,min-height:200px;代表的是当div的内容超出了200px时,就会自动适应高度,兼容所有浏览器(IE6除外),如果是IE6则需要设置"_height"代码:div{ _height:200px; min-height... 阅读全文
posted @ 2014-11-11 00:01 sevennight 阅读(540) 评论(0) 推荐(0) 编辑