简单实现响应式菜单
最终效果如上,手机端(左)、电脑端(右) 使用的jQuery,所以只要你的页面引用了一次jQuery,那么代码量真的是相当少,两三段就实现了js控制,那么,粗暴一点,直接贴代码吧。 HTML框架: <header id="header"> <nav class="navs">...
阅读全文最终效果如上,手机端(左)、电脑端(右) 使用的jQuery,所以只要你的页面引用了一次jQuery,那么代码量真的是相当少,两三段就实现了js控制,那么,粗暴一点,直接贴代码吧。 HTML框架: <header id="header"> <nav class="navs">...
阅读全文其实很早之前久开始整理这个主题了,但是一直有其它的事情在做,所以一直拖到现在才发布出来,不过赶得巧,就当做给大家的新年礼物吧。 亮点功能 简洁的设计风格(最大的亮点?好吧,初衷就是简洁) 轻量化的安装体积(仅62.3K,文件少了,功能却不少) 全PJAX无刷新操作(又一买点,优化的很好了,基本不会遇...
阅读全文再次感谢JV提供的 PJAX封装包 新主题NewWord算是完美竣工了,总大小不到60Kb,支持PJAX,响应式设计(手机阅读真心简洁),不过刚开始蛮喜欢这个布局的,可是随着深入设计,越发觉得有些单调,所以我打算再设计一套。 临近期末,时间越发紧迫,且前段时间忙比赛的事情,落下了不少课程,需要一点点...
阅读全文本方法同样适用于其他CDN,如:又拍云镜像。 如何注册就不再一一赘述,如果还没有注册,可以 点此注册 登陆到七牛的控制面板,申请一个空间: 进入空间设置,添加镜像源: 一切就绪后,在主题functions.php内添加如下代码: // 静态资源使用七牛 CDN function Qiniu cdn(...
阅读全文嗯,大概的效果就是,当访客访问你的博客时,页面会首先显示一张全屏大图,然后再逐渐显示网页内容,很有趣,之前一个朋友让我给他做单页的时候,他想加入这个效果,我就研究了下,给他加了上去,后来在 @碎碎念 哪里看到的是JS版本,才想到我纯CSS做出来好像很厉害的样子,放出来仅供参考。 先贴出CSS代码,讲...
阅读全文