摘要: 设置了float为(left/right)或者position为absolute/fixed的元素将自动变为块级元素,可直接设置宽高,无需再添加:display:block; 阅读全文
posted @ 2014-10-26 22:53 杜偉 阅读(262) 评论(0) 推荐(0) 编辑
摘要: 当父元素使用“opacity”属性来设置不透明度的时候,它内部的子元素将继承该透明度,很不方便,特别当需要制作弹窗效果的时候。解决方案:使用“RGBA(r,g,b,a)”的方式来设置父元素的不透明度,这种方式子元素不会继承。 阅读全文
posted @ 2014-10-26 22:49 杜偉 阅读(670) 评论(0) 推荐(0) 编辑
摘要: 题目有些拗口,大概意思就是“能够用手指拖动来改变tab标签的移动端页面的实现方法”,还是有点拗口,好吧,whatever,大家看下去就明白了。 前些天做了个基于html的web应用,里面有个普通的那种切换标签并显示相应内容的tab模块,老大希望能在页面里面实现触控切换的效果,于是,去找。 本... 阅读全文
posted @ 2014-09-16 17:59 杜偉 阅读(2003) 评论(0) 推荐(0) 编辑
摘要: 参考实例:百度首页的卡片功能效果大致描述:鼠标滚动或者点击指定的tab时,相应的tab标签样式改变,另外四个样式恢复默认,同时相应的内容显示到可视区域。思路:获取页面或者层的滚动高度,以及页面内容每一部分的高度,当滚动时用js判断高度之间的关系,从而为指定tab赋予样式。而点击的效果可以用"使用标签... 阅读全文
posted @ 2014-08-28 17:56 杜偉 阅读(2198) 评论(0) 推荐(0) 编辑
摘要: 相信很多前端会遇到这个问题:要做一个尺寸自适应的页面,其中某个容器的背景图也需要跟着容器的尺寸一起改变。如果背景是有规律的纯色或者渐变还好办,直接平铺即可。但如果背景是要求完全显示的一张完整的图片呢,我们使用background-image这个属性是没办法达到我们的要求的,因为背景图的大小是不会... 阅读全文
posted @ 2014-08-12 16:28 杜偉 阅读(3895) 评论(0) 推荐(0) 编辑
摘要: 前段时间接触到websocket + nodejs,由于websocket对于安卓的兼容并不好,工作中遇到了需要兼容安卓的问题,所以,对socket.io进行了一番尝试。由于对后台知识了解不多,所以学起来也是摸索着前进。 这里就不多做解释了,直接放出代码。 1.资源全部放在服务器端,本地通过... 阅读全文
posted @ 2014-08-12 14:11 杜偉 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 近期公司有一个项目是要开发一个移动端的基于页面的应用,其中需要完善的地方就是:尽量使这个看起来像个应用,于是就涉及到了页面的效果的问题。由于之前接触过的框架是jquery mobile,所以直接拿来用。刚初步解决了这个问题,总共分三步。 第一步,为了避免html之间链接跳转的硬伤,应用里面只留... 阅读全文
posted @ 2014-08-07 17:31 杜偉 阅读(1078) 评论(0) 推荐(0) 编辑