2016年12月_cc蒲公英

转载密码强度检测js

今天自己做了一个JS密码强度判断，效果如下：以下是代码：[java] view plain copy print? JS判断密码强度 //判断输入密码的类型 function CharMode(iN){ if (iN>=48 &&

2016-12-27 17:12:55 1327

原创几款好用的Tooltips 提示框插件

Poshy Tip 是一个强大的jQuery Tooltips插件，拥有不同的外观。作为 Form Tooltips使用时，可以自定义气泡出现的位置。（支持IE6~11）演示地址：http://vadikom.com/demos/poshytip/Easy Tooltip 是一款 jQuery 的 Tooltip 插件。（支持IE6~11）演示地址：http://www.jquer

2016-12-20 18:00:45 14721

原创 HTML5 Three.js 3D特效

一、Three.js基本介绍Three.js是JavaScript编写的WebGL第三方库。提供了非常多的3D显示功能。Three.js 是一款运行在浏览器中的 3D 引擎，你可以用它创建各种三维场景，包括了摄影机、光影、材质等各种对象。你可以在它的主页上看到许多精采的演示。不过，这款引擎目前还处在比较不成熟的开发阶段，其不够丰富的 API 以及匮乏的文档增加了初学者的学习难度（尤

2016-12-19 10:51:03 5523

转载 JS自定义Title文字提示

最近遇到个需求，需要给很多的按钮等添加文字提示，风格要保持统一。然后就写了如上的这个算是小插件吧给出源代码的百度云盘链接下面的代码直接使用只差jQuery的引入[html] view plain copy write by chiring@2016.6.14 配置仅需要三步 1、为d

2016-12-13 17:54:43 7664

原创 CSS3 Transition 和Animation区别及比较

一、transition 过渡属性 transition：css属性名称总时间运动曲线何时开始；这种效果可以在鼠标单击、点击、获得焦点、或对元素任何改变中触发，并以动画效果改变CSS属性值。二、animation @keyframes规则，用于创建动画，@keyframes规定某项CSS样式，创建由当前样式逐渐改为新样式的动画。

2016-12-12 14:27:36 5627

转载移动端笔记 — JS与CSS问题及解决方法

一、css部分body,html{ height:100%; overflow: hidden; }是可以滑动，禁止滑动需外面再套一层div{ height:100%; overflow: hidden;} 这样元素超出body元素就不能滑动了。去除webkit滚动条 element::-webkit-scrollbar{ display: none; }去除button在ios上

2016-12-09 17:04:07 411

转载从设计模式中学习交互设计

分享一些设计模式，在交互设计学习过程中，这些设计模式有助于对产品结构的理解，比较成熟成熟的框架通常使用了多种设计模式,而且是可以复用的，让你的项目进程大大缩短，提高效率。如果你熟悉这些设计模式，毫无疑问，你将迅速掌握产品框架的结构，学习设计模式，无疑是给了你剖析产品结构和思路的一把利器。Web Design：首页设计搜索设计模式图片展示页面设计消息页面设计

2016-12-07 16:19:46 621

翻译 CSS3 background-origin，background-clip的比较

background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，都有border、padding、content三种。background-origin定义背景位置起始点；background-clip定义对背景（图片和颜色）的切割。1.background-origin　　我们来看一下例子：　　我们来看

2016-12-07 14:43:03 437

原创 jQuery图片预览插件imgPreview

简介通过imgPreview插件来实现鼠标移动到图片或者文字链接的上来实现图片预览的功能。链接一定要为图片才可以显示。预览大图可以通过css来更改宽度，改变预览图片的大小。使用方法 1、HTMLdiv class="zxx_out_box"> div class="zxx_i

2016-12-05 17:54:07 16122 2

cc蒲公英的博客