会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
danydong
博客园
首页
新随笔
联系
管理
订阅
随笔- 17 文章- 0 评论- 1 阅读-
4632
2016年11月11日
带iframe的tab切换效果
摘要: .menu{ height:35px; line-height:32px; padding-top:1px; width:600px; position:absolute; left: 200px; top: -37px;}.menu a{display:inline-block; height:3
阅读全文
posted @ 2016-11-11 16:02 danydong
阅读(646)
评论(0)
推荐(0)
2016年10月18日
300毫秒的故事
摘要: 移动web页面上的click事件响应都要慢上300ms 移动设备访问的web页面都是Pc上的页面。在默认的viewport(980px)的页面往往都是需要“双击”或“捏开”放大页面,来看清页面。而正是为了确认用户是“双击”还是“单击”。safari需要个300ms的延迟来判断。而后来的iphone也
阅读全文
posted @ 2016-10-18 15:21 danydong
阅读(138)
评论(0)
推荐(0)
2016年10月17日
移动web学习笔记(二)
摘要: viewport: 一、viewport其实就是把你整个页面渲染到一个比例比较大的viewport里面,通过缩放让你看的到整个页面。IOS的viewport为980px。android的不一定,有640px 1000px 或者更大。 一些设备上浏览器的默认viewport的宽度如下: 实际上,在移动
阅读全文
posted @ 2016-10-17 11:49 danydong
阅读(125)
评论(1)
推荐(0)
2016年10月14日
带ifrmae的弹窗
摘要: <script>function sAlertIframe(e,src){ sAlert(e) $(e).find('iframe').attr('src',src); $(e).find('.close').show();} </script><ul class="pic_list"> <li><
阅读全文
posted @ 2016-10-14 16:52 danydong
阅读(116)
评论(0)
推荐(0)
展开收缩效果
摘要: <div class="pzb_h"> <table width="100%" border="0" cellpadding="0" cellspacing="1"> <tbody> <tr> <td class="str_t">配置</td> <td>2.0L<br>风华版</td> <td>2.
阅读全文
posted @ 2016-10-14 16:45 danydong
阅读(157)
评论(0)
推荐(0)
2016年10月12日
移动web学习笔记(一)
摘要: pixel像素基础: 像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时,屏幕能显示的画面的过渡更细致,网站看起来更明快。 px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便; pt:point,是一个标准的长度单位,1pt=1
阅读全文
posted @ 2016-10-12 18:09 danydong
阅读(176)
评论(0)
推荐(0)
2016年7月26日
点赞效果
摘要: 无标题文档 点击
阅读全文
posted @ 2016-07-26 11:11 danydong
阅读(141)
评论(0)
推荐(0)
打开当前页直接跳转
摘要: <script> if(document.location.href.indexOf('.htm')>-1){ document.write('<meta http-equiv="refresh" content="0; url=http://www.cnblogs.com/danydong/">'
阅读全文
posted @ 2016-07-26 11:10 danydong
阅读(128)
评论(0)
推荐(0)
返回顶部代码
摘要: *html{background-image:url(null:void);background-attachment:fixed;}/* 去除ie6 抖动代码 */.ptn{position:fixed; left:50%; margin-left:478px; top: 106px; _posi
阅读全文
posted @ 2016-07-26 11:04 danydong
阅读(111)
评论(0)
推荐(0)
文字超出隐藏
摘要: 单行超出隐藏: display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; 多行超出隐藏: overflow : hidden; text-overflow: ellipsis; display: -
阅读全文
posted @ 2016-07-26 10:59 danydong
阅读(110)
评论(0)
推荐(0)
下一页
公告
昵称:
danydong
园龄:
9年
粉丝:
0
关注:
0
+加关注
<
2025年7月
>
日
一
二
三
四
五
六
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接
我的标签
移动web
(1)
随笔档案
2016年11月(1)
2016年10月(5)
2016年7月(11)
阅读排行榜
1. 手机尺寸(1161)
2. steps用法(717)
3. 带iframe的tab切换效果(646)
4. 下雪效果(304)
5. 移动端技巧分享(181)
评论排行榜
1. 移动web学习笔记(二)(1)
最新评论
1. Re:移动web学习笔记(二)
因缺斯汀
--mure
点击右上角即可分享