摘要: JQ 的 toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。 语法如下: $(selector).toggle(function1(),function2(),functionN(),...) 即是选择器后面跟toggle,然后里面是参数,可以有多个参 阅读全文
posted @ 2016-02-29 23:40 子纯不语 阅读(428) 评论(3) 推荐(3) 编辑
摘要: 平常我们用的原生select下拉框,大部分样式没办法修改,导致在不同的浏览器里面会跟设计图的风格大相径庭。所以为了能让它美化起来,就用JQ模拟了一个下拉框,可以随意定义样式。原生的下拉框也保留在div里面隐藏着,方便后台开发人员对其进行操作。效果图如下: HTML代码如下: <!DOCTYPE ht 阅读全文
posted @ 2016-02-01 15:38 子纯不语 阅读(772) 评论(1) 推荐(4) 编辑
摘要: 自己模仿JQ插件的写法写了一个循环滚动列表插件,支持自定义上、下、左、右四个方向,支持平滑滚动或者间断滚动两种方式,都是通过参数设置。JQ里面有些重复的地方,暂时没想到更好的方法去精简。不过效果还是可以的,如下(效果图上传后都加速了,实际效果比这个要慢很多):html代码如下:循环滚动列表 ... 阅读全文
posted @ 2015-12-24 11:44 子纯不语 阅读(1650) 评论(1) 推荐(1) 编辑
摘要: 之前写了一个焦点图左右轮播的,感觉淡出淡入用得也比较多,就干脆一起放上来啦。这个容器用了百分比宽度,图片始终保持居中处理,定宽或者自适应宽度都是可以的。兼容到IE6+以上浏览器,有淡出淡入速度和切换间隔两个参数可以改。效果图如下:Html代码如下: 淡出淡入焦点图 ... 阅读全文
posted @ 2015-11-30 15:17 子纯不语 阅读(617) 评论(4) 推荐(3) 编辑
摘要: 接第一式之后的进阶招式,加入一些组合动画,剧情、动画啥的都是随意瞎想的,纯粹是为了熟悉2D、3D和过渡等css3代码写法。效果见下图:代码如下(有点长,折叠一下): test 马:看见下面那辆车了吗?... 阅读全文
posted @ 2015-11-20 15:57 子纯不语 阅读(545) 评论(0) 推荐(2) 编辑
摘要: 公司项目经常用到轮播焦点图,于是自己写了一个纯jq形式的横向轮播焦点图,可点击小圆点或者左右按钮进行切换,属于定宽类型。改成自适应宽度的也不难,将css里面的bannerCon宽度改为百分比,再在js里面将ul和li的宽度跟随父级容器的宽度变化即可,需要用到$(window).resize,目前公司... 阅读全文
posted @ 2015-11-19 13:58 子纯不语 阅读(2385) 评论(0) 推荐(1) 编辑
摘要: 在w3cschool上面查阅css3的动画语法手册时,发现“css3 动画”栏目首页放了一个翻滚的div动画案例,觉得挺好看的,于是就自己模仿着写了一下,感觉还行O(∩_∩)O哈哈~查看原地址下面放代码:test 翻滚吧 然后,你可... 阅读全文
posted @ 2015-11-17 12:18 子纯不语 阅读(1799) 评论(0) 推荐(0) 编辑
摘要: 项目中经常有遇到需求半透明的情况,如图片、文字、容器、背景等等,每次都要去翻以前的项目,不甚其烦。现在一次性做个小结,方便自己查阅,也同时分享给大家: 一、 元素容器透明 说明: 1. opacity:* 取值0-1之间,由全透明向不透明递增,超过1之后默认不透明; 2. filter:alpha( 阅读全文
posted @ 2015-09-28 09:30 子纯不语 阅读(5268) 评论(0) 推荐(0) 编辑
摘要: 同事经常会问我:你为什么要加班?先说点前提。从刚步入社会到现在,我都不怎么排斥加班。倒不是说什么存在即合理,而是我认为加班多半是在做有价值的事情,所以在我的观念中,公司加不加班对我来说不会有任何影响。但我总不能直接这样回答他们吧。所以当我回答他们时,会先挂着一脸无奈的笑,接着抱怨公司的项目压力大、时... 阅读全文
posted @ 2015-08-10 23:13 子纯不语 阅读(962) 评论(5) 推荐(2) 编辑
摘要: 想不到,眨眼间就过去了一年。这一年来,经常混迹于各大前端技术论坛搜索资料,下载样例,发帖求助等等,也包括博客园这里。但却未曾停留下来写写感想、做做总结,使得自己的小博略显苍凉。其实归根结底就一个“忙”字。经历了几十个示范校,历练了十几个软件项目,通宵过十几天,加班过几十天,这一年下来,受益良多,但身... 阅读全文
posted @ 2015-08-07 17:24 子纯不语 阅读(307) 评论(1) 推荐(1) 编辑