设计笔记

新主题?不存在的,博客都快倒闭了

<pre> 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 <pre> 标签的一个常见应用就是用来显示源码。 而经常遇到的问题是:如果一句代码很长的情况,结果会造成...

发布 28 条评论

这种简单的小功能思路很清晰,就是检测滚动条是不是在顶部,不是的话就显示返回顶部按钮,是的话就把它隐藏。 滚动条监测在新版的主流浏览器中是这样实现的: document.body.scrollTop 如果想要兼容IE,那么可以加入下面这句完成: d...

发布 114 条评论

什么是Zepto Zepto是一个轻量级的针对现代高级浏览器的JavaScript库, 它与jQuery有着类似的Api。 如果你会用jQuery,那么你一定也会用Zepto。 为什么要用Zepto 使用jQuery最简单的原因大概就是它拥有强大的选择器、出色的DOM操作封装...

发布 15 条评论

jQuery的Dom操作十分简单,在开发iDevs主题的时候,其中“菜单”和“搜索”部分使用到了一些很基本的Dom操作,图方便,我使用了jQuery,闲来无事,尝试着使用原生的js完成这一操作,发现其代码量一样,且原生js效率更高,啰嗦多了,先贴代...

发布 30 条评论

Retina屏缘起 自2010年Apple发布iPhone4以后,Retina屏逐渐流行起来,其惊艳的显示效果和其细节的全面展示带给了人们全新的视觉体验,而越来越多的终端开始支持响应式,那么作为响应式中的重要一环「响应式图片」又该如何解决? Retin...

发布 15 条评论

最终效果如上,手机端(左)、电脑端(右) 使用的jQuery,所以只要你的页面引用了一次jQuery,那么代码量真的是相当少,两三段就实现了js控制,那么,粗暴一点,直接贴代码吧。 HTML框架: <header id="header"> <nav ...

发布 56 条评论

嗯,大概的效果就是,当访客访问你的博客时,页面会首先显示一张全屏大图,然后再逐渐显示网页内容,很有趣,之前一个朋友让我给他做单页的时候,他想加入这个效果,我就研究了下,给他加了上去,后来在@碎碎念哪里看到的是JS版本,...

发布 40 条评论

这两天写NewRealm5的时候,因为首屏需要设置成高度占满全屏,一直很纠结,NewRealm2的时候,我是用的是JS方式,但是这个方式响应式效果不是很理想,每次窗口更改高度都要刷新页面才能看到效果,于是抛弃掉这个方案。 <script type...

发布 41 条评论