摘要: 一: jQuery 效果 - animate() 方法: 定义和用法 animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。 只有数字值可创建动画(比如 "margin:30px")。字符串 阅读全文
posted @ 2016-12-08 09:11 SophiaLiu 阅读(509) 评论(0) 推荐(0) 编辑
摘要: 附:JavaScript window.setTimeout() 的详细用法 setTimeout (表达式,延时时间)setTimeout(表达式,交互时间) 延时时间/交互时间是以豪秒为单位的(1000ms=1s) setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执 阅读全文
posted @ 2016-11-28 15:40 SophiaLiu 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 常用正则表达式大全!(例如:匹配中文、匹配html) 匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹 阅读全文
posted @ 2016-10-30 10:33 SophiaLiu 阅读(151) 评论(0) 推荐(0) 编辑
摘要: cropper是一款使用简单且功能强大的图片剪裁jQuery插件。该图片剪裁插件支持图片放大缩小,支持鼠标滚轮操作,支持图片旋转,支持触摸屏设备,支持canvas,并且支持跨浏览器使用。 cropper提供了大量的参数、方法和事件供图片的剪裁操作。 安装 可以通过Bower或NPM来安装该插件。 1 阅读全文
posted @ 2016-10-30 10:08 SophiaLiu 阅读(612) 评论(0) 推荐(0) 编辑
摘要: 摘要:一个由日本人设计的有意思的Flash时钟:人体时钟 hone hone clock 。安装很简单,直接js导入即可,包括两种样式:透明背景和白色背景。 很可爱的一个设计,实现后效果如下: 使用方法: 将下面代码导入你需要加时钟的地方: 1.<script charset="Shift_JIS" 阅读全文
posted @ 2016-10-12 16:17 SophiaLiu 阅读(4572) 评论(0) 推荐(0) 编辑
摘要: 前端的表单,需要进行验证。 结合JS表单验证框架,写了很多前端验证的代码。 其中,有这么一个需求:用户最多只能输入10个字符。 按照惯性,肯定是会去写JS表单验证了。 实际上,根本没有必要。 HTML中的maxlength属性就可以很简单地解决这个问题。 <input type="text" siz 阅读全文
posted @ 2016-09-29 20:43 SophiaLiu 阅读(1873) 评论(0) 推荐(0) 编辑
摘要: jQuery formValidator表单验证插件是客户端表单验证插件。 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人资料,录入一些常规数据等等。在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来进行表单元素的校验,而这些校验在平时 阅读全文
posted @ 2016-09-28 19:29 SophiaLiu 阅读(4559) 评论(0) 推荐(0) 编辑
摘要: 两种最常用的 HTTP 方法是:GET 和 POST。 什么是 HTTP ? 超文本传输协议(HTTP)的设计目的是保证客户端与服务器之间的通信。 HTTP 的工作方式是客户端与服务器之间的请求-应答协议。 web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端。 举例:客户端(浏览 阅读全文
posted @ 2016-09-26 16:22 SophiaLiu 阅读(302) 评论(0) 推荐(0) 编辑
摘要: HTML里: HTML代码中,在编写网页代码时,各种浏览器的兼容性是个必须考虑的问题,有些时候无法找到适合所有浏览器的写法,就只能写根据浏览器种类区别的代码,这时就要用到判断代码了。在HTML代码中,区别各种浏览器的代码如下,以ie6为例 <!--[if IE 6]>仅IE6可识别<![endif] 阅读全文
posted @ 2016-09-09 10:54 SophiaLiu 阅读(22274) 评论(0) 推荐(2) 编辑
摘要: 一行神奇的JS代码,是在一个博客园里面看到的,当时我就震惊了,这不就是传说中的ZB神奇么… … 哈哈(果断转载过来)。 写本篇文章的缘由是之前群里@墨尘发了一段js代码,如下: 然后让大家运行,出来的结果让人有点出乎意料,请看: &amp;lt;img class="alignnone" src=" 阅读全文
posted @ 2016-08-23 11:10 SophiaLiu 阅读(196) 评论(0) 推荐(0) 编辑