文章分类 -  常用特效

摘要:失焦显示默认值:$(".username,.usertel").focus(function(){ if($(this).val() == this.defaultValue){ $(this).val(""); }}).blur(function(){ ... 阅读全文
posted @ 2014-09-16 14:04 Shimily 阅读(344) 评论(0) 推荐(0)
摘要:js构造函数怎么写:由于js类的定义方法和函数的定义方法一样,所以定义类的同时就定义了构造方法。function Person(name,sex){ // 类,同时定义构造方法 this.eat=function(){ // 类中的方法 ... 阅读全文
posted @ 2014-08-30 10:05 Shimily 阅读(127) 评论(0) 推荐(0)
摘要:知识点: event.stopPropagation() 阻止冒泡 event.preventDefault() 阻止默认事件,比如button提交后跳转到链接页面 两者都可以用 return false 代替。冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。下面是html代码部... 阅读全文
posted @ 2014-08-27 11:13 Shimily 阅读(265) 评论(0) 推荐(0)
摘要:注:页面上元素name属性以及JavaScript引用的名称必须一致包括大小写 否则会提示你1个错误信息 "引用的元素为空或者不是对象"一、Window对象 -------------------------------------------------- ------------------... 阅读全文
posted @ 2014-08-27 09:31 Shimily 阅读(214) 评论(0) 推荐(0)
摘要:$(".username,.usertel").focus(function(){ //获取焦点 if ($(this).val()==this.defaultValue){ $(this).val(""); }}).blur(function(){ //失去焦点 ... 阅读全文
posted @ 2014-08-22 09:22 Shimily 阅读(347) 评论(0) 推荐(0)
摘要:很久没有分享HTML5动画特效了,尤其是HTML5 3D动画,每一个都非常酷。今天我们要分享的是一个基于Canvas的HTML5 3D地球旋转动画,地球外观非常逼真,海面、陆地、白云都像是真的一样,另外地球还可以自己缓慢的旋转和移动,呈现出3D立体的视觉效果。http://www.w2bc.com/... 阅读全文
posted @ 2014-08-18 09:44 Shimily 阅读(2744) 评论(0) 推荐(0)
摘要:今天我们要来介绍一款基于CSS3的垂直动画菜单,这款CSS3菜单的特点是菜单项有一个非常特别的背景,并且背景可随着鼠标滑过而滑动,挺有创意的滑动动画。这款CSS3菜单是垂直样式的,很适合做网页的侧边栏菜单。 阅读全文
posted @ 2014-08-18 09:41 Shimily 阅读(299) 评论(0) 推荐(0)
摘要:如何让网页设计更具现代感?2014年网站设计又会有怎样的变化趋势?回顾2013年,Metro设计,全屏大图设计都是2013流行的趋势!下面我们将为大家列出2014最有可能流行的WEB前端设计趋势!1. 个性化排版我个人是个性化排版的支持者,自然也希望看到越来越多的网络设计尝试个性化的风格,其中比较突... 阅读全文
posted @ 2014-08-18 09:36 Shimily 阅读(130) 评论(0) 推荐(0)
摘要:随着html5和css3的诞生。各种非常酷、非常炫的网页焦点图在各个前端技术网上满 天飞。基于html5和css3技术的焦点图有一个弊端就是要在ie9以上才支持。这让需兼容ie6到ie8的页面又爱又恨。下面为大家介绍一款完全基于 juery的焦点图,而且这款插件完美支持ie6,多种百叶窗切换,效果还... 阅读全文
posted @ 2014-08-18 09:30 Shimily 阅读(243) 评论(0) 推荐(0)
摘要:如果想让一个div或一张图片相对于整个页面居中,用vertical-align:middle可以很简单地解决。就以一个404页面为例,看如何让一张图片相对于整个页面居中,如下图:这是一个404页面,里面就只有一张图片,点击图片可以回到首页,而且这个图片是相对于整个页面居中的,无论是水平还是垂直(PS... 阅读全文
posted @ 2014-08-17 13:47 Shimily 阅读(290) 评论(0) 推荐(0)
摘要:接下来我们来分析一下这款进度条的源代码以及实现思路,代码主要由HTML和CSS组成,如果你需要动态改变进度值,也可以自己添加Javascript代码,也是比较简单的。HTML代码: 20% 40% 60% ... 阅读全文
posted @ 2014-08-15 10:01 Shimily 阅读(267) 评论(0) 推荐(0)
摘要:CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1.圆角CSS3实现圆角有两种方法.第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样... 阅读全文
posted @ 2014-08-14 09:55 Shimily 阅读(440) 评论(0) 推荐(0)
摘要:对cookies的操作在当访问一个网站就无时无刻的都伴随着我们,记录着我们的一举一动,并将不危害用户隐私的信息,将以保存,这样用户就不用去从新再次操作重复的步骤,这样大大方便了客户,也增加了客户对网站的回头率。jquery.cookie.js 提供了jquery中非常简单的操作cookie的方法。$... 阅读全文
posted @ 2014-08-14 09:54 Shimily 阅读(196) 评论(0) 推荐(0)
摘要:functionDisableF5(){with(event){//F5andCtrl+Rif(keyCode==116||(ctrlKey&&keyCode==82)){event.keyCode=0;event.cancelBubble=true;returnfalse;}}}document.... 阅读全文
posted @ 2014-08-14 09:47 Shimily 阅读(294) 评论(0) 推荐(0)
摘要:在PC版开发中由于IE原因,我们很少用到css3,但随着平板和智能手机进入我们的生活,以及现在越来越流行,在手机版和平板版开发中我们就可以大胆的使用了,下面我们探讨常用几个css3属性:1.css3前缀使用介绍,我们直接看个例子:-webkit-transform:rotate(-3deg);//给... 阅读全文
posted @ 2014-08-14 09:37 Shimily 阅读(157) 评论(0) 推荐(0)
摘要:网址:http://www.tianqi.com/plugin/ 阅读全文
posted @ 2014-08-14 09:30 Shimily 阅读(131) 评论(0) 推荐(0)
摘要:地址:http://minisite.qq.com/others08/效果: 阅读全文
posted @ 2014-08-14 09:29 Shimily 阅读(130) 评论(0) 推荐(0)
摘要:http://www.cnblogs.com/mxcy/archive/2014/08/13/3910222.html 阅读全文
posted @ 2014-08-14 09:28 Shimily 阅读(154) 评论(0) 推荐(0)
摘要:--------------------------------------------------手机号码、电子邮箱验证---------------------------------------------------- var mymobile=/^((1[0-9][0-9]{1})|1... 阅读全文
posted @ 2014-08-13 14:25 Shimily 阅读(279) 评论(0) 推荐(0)
摘要:很简单实用的方法。HTML:请选出您喜欢的水果?橘子香蕉梨子苹果柿子椰子Jquery: $("#checkAll").click(function(){ //全选 $("[name=checkbox]:checkbox").attr("checked",true); //等价于 ... 阅读全文
posted @ 2014-08-12 20:57 Shimily 阅读(167) 评论(0) 推荐(0)