摘要: javascript实现的手风琴折叠菜单效果 阅读全文
posted @ 2015-05-21 16:10 Me-Kevin 阅读(1384) 评论(0) 推荐(0) 编辑
摘要: 虽然HTML元素的属性已经十分丰富,但在某些场合下,元素固有的属性无法完成我们的需求;这个时候,自定义属性就会让问题解决起来比较方便。比如,下面的栗子:多张图片点击变化事件:当背景图片为a.jpg时,点击图片时,切换成b.jpg;HTML: 自定义属性 因为以下条件不能作为判断条件:背景图片... 阅读全文
posted @ 2015-05-15 15:12 Me-Kevin 阅读(1614) 评论(0) 推荐(0) 编辑
摘要: Javascript:一款简易的图片切换插件,有循环播放和单向播放两种模式 阅读全文
posted @ 2015-05-11 17:56 Me-Kevin 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 遍历,添加元素,判断奇偶,滚动条优化,css3 阅读全文
posted @ 2015-05-09 23:35 Me-Kevin 阅读(584) 评论(0) 推荐(0) 编辑
摘要: 演示地址:http://codepen.io/anon/pen/oXbXdX主要知识点:@media all and (orientation : landscape) { /* 这是匹配横屏的状态,横屏时的css代码 */}@media all and (orientation : portr... 阅读全文
posted @ 2015-05-08 14:13 Me-Kevin 阅读(862) 评论(0) 推荐(0) 编辑
摘要: 完成效果:演示地址:http://codepen.io/anon/pen/jPbYWqHTML: [js小练习]:DOM操作 选择颜色 红 绿 蓝 定制尺寸 输入长度值 ... 阅读全文
posted @ 2015-05-06 15:56 Me-Kevin 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 《js篇》Javascript获取浏览器和屏幕各种高度宽度方法总结document.body.clientWidth //网页可见区域宽(body)document.body.clientHeight //网页可见区域高(body)document.body.offsetWidth /... 阅读全文
posted @ 2015-05-05 11:07 Me-Kevin 阅读(492) 评论(0) 推荐(0) 编辑
摘要: 效果:HTML部分: jquery Tabs选项卡切换 概况 行政 经济 教育 福利 风土人情 1这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是内容 2这是内容这是内容这是内容这是内容 这是内容这是内容这是内容这是... 阅读全文
posted @ 2015-04-26 12:37 Me-Kevin 阅读(562) 评论(0) 推荐(0) 编辑
摘要: Jquery Mobile闻名已久,今天终于有亲密接触的机会。通过动手写的demo,对它有了一个基本的认识:自带的UI组件用起来简洁,方便;对旧版本的浏览器或移动设备能做到很好的优雅降级,而不影响页面性能;基于AJAX的数据处理给人很好的用户体验:快速,高效,交互友好;页面切换效果么么哒;data-... 阅读全文
posted @ 2015-04-19 19:33 Me-Kevin 阅读(292) 评论(0) 推荐(0) 编辑
摘要: 距离上篇文章《布局神器:Flexbox》的发表已有一周时间,转眼这周又到了周五(O(∩_∩)O~~);习惯性在周五对自己的一周工作进行下总结,记录下这周值得被纪念的工作事件,无论是好的,亦或坏的;本周继续是响应式网页的开发,手机浏览器,以及微信页面的开发,所以,我就有了大量的实践机会;于是,本周就将... 阅读全文
posted @ 2015-04-10 16:00 Me-Kevin 阅读(1333) 评论(0) 推荐(1) 编辑
摘要: 最近的工作内容大多是移动端网页的开发,百分比布局,MediaQueries,Bootstrap等常规的响应式/自适应的开发技术皆一一试过,但觉以上都不够灵活,所以,一直再尝试寻求更加灵活的精确的移动端网页设计技术。寻求的过程中知道了两个让我眼前一亮的解决方案:一个是Flexbox;另外一个是REM。... 阅读全文
posted @ 2015-04-03 16:47 Me-Kevin 阅读(8287) 评论(1) 推荐(0) 编辑