index.html css.html HTML.html JQUERY.html JS.html test.js test.css 效果: 2017-09-23 11:09:20 ...
分类:
Web程序 时间:
2017-09-23 12:26:26
阅读次数:
248
1、<nav class="navbar navbar-inverse"> inverse,反色,原导航条为白色,加-inverse后改为黑色 2、data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" data用来作为自 ...
分类:
其他好文 时间:
2017-09-18 22:37:21
阅读次数:
225
css样式: .fixednav{ position:fixed; top:0px; left:0; width:100%; z-index:1; } jQuery js结构: $(function(){ var nav=$(".nav");//获取当前对象 var win =$(windows); ...
分类:
其他好文 时间:
2017-09-17 16:31:01
阅读次数:
197
1.事件流 假设有这样一个场景: 有一个导航条:div > ul > li > a,每个元素块宽高一样,就像是一组同心圆。如果我们点击a元素,那么浏览器会认为单击事件不仅仅发生在a上。换句话说,在我们单击a元素的同事,我们也单击了容器中的其他元素。 事件流描述的是从页面中接收事件的顺序。但有意思的是 ...
分类:
其他好文 时间:
2017-09-13 17:12:13
阅读次数:
136
导航条对于每一个Web前端攻城狮来说并不陌生,但是毛玻璃可能会相对陌生一些。简单的说,毛玻璃其实就是让图片或者背景使用相应的方法进行模糊处理。这种效果对用户来说是十分具有视觉冲击力的。 本次分享的主题:通过CSS3来制作类似下面的导航条和毛玻璃效果。 导航条是梯形形状的。 背景区域的毛玻璃效果。 把 ...
分类:
Web程序 时间:
2017-09-13 10:48:26
阅读次数:
261
1. 创建基本的页面 我们先创建一个基本的 HTML 模板页面,使用 sublime + emmet 可以直接创建这个页面。 1.1 新建一个文件, Ctrl + N 1.2 保存到页面文件中,Ctrl + S,命名为 index.html 1.3 在这个空白页面中,输入 html:5,然后直接按制 ...
分类:
其他好文 时间:
2017-09-11 10:16:22
阅读次数:
178
<!--吸顶式导航条--><nav class="nav"> <div> <a href="javascript: return false"><img src="n.jpg" alt=""></a> <div class="topNav"> <div> <input type="text" pla ...
分类:
Web程序 时间:
2017-08-25 01:19:30
阅读次数:
186
安装: 启动: 提示:按Ctrl+C退出。 开机启动: 配置: 在上方输入:CPU: {cpu} 内存: {mem} 网络:{net},然后按Test即可看见效果,最后保存即可。 ...
分类:
系统相关 时间:
2017-08-23 20:01:49
阅读次数:
255
参考文章: Angular4路由快速入门 http://www.jianshu.com/p/e72c79c6968e Angular2文档学习的知识点摘要——Angular模块(NgModule)http://lib.csdn.net/article/angularjs/59697?knId=641 ...
分类:
其他好文 时间:
2017-08-23 11:57:10
阅读次数:
632
Title 这是顶部导航条 滚动看效果 滚动看效果 滚动看效果 ...
分类:
Web程序 时间:
2017-08-22 01:53:38
阅读次数:
230