第四部分——Portfolio 简要介绍: 本部分内容看着比较多,其实它的许多地方是一样的。所以只需要设置好一个类的样式,就可以运用到它们所有的上面。 页面效果: (两张图片之间没有空隙) HTML代码: CSS代码: 总结: 本部分没有什么难点,就是调整样式比较繁琐。 ...
分类:
Web程序 时间:
2017-09-26 01:06:55
阅读次数:
318
第三部分——feature 简要介绍: 这部分比较简单。主要用<p>元素写了两句话。用一张图片设置背景。 页面效果: HTML代码: CSS代码: ...
分类:
Web程序 时间:
2017-09-24 20:32:53
阅读次数:
208
第二部分——headerwrap 简要介绍: 本部分有两个标题<h1><h2>,两个<input>元素,还有无序列表<ul>和链接<a>实现的5个链接。 页面效果: HTML代码: CSS代码: 总结: 这部分的实现过程中没有遇到大问题。 ...
分类:
Web程序 时间:
2017-09-24 20:21:07
阅读次数:
277
第一部分navbar-wrapper 简要介绍: 本部分为导航部分,会固定在浏览器页面的顶部,不会随文档的滚动而移动。运用无序列表中放入链接(<ul><li><a></a></li></ul>)的方式来实现导航。当鼠标放在该元素上面时,其样式会发生变化。 页面效果: 字体的引入: <link hre ...
分类:
Web程序 时间:
2017-09-24 19:15:31
阅读次数:
197
1.源码交互元素summary的使用 页面说明 本页面生成于2017年9月21日,是一个用于测试summary交互元素的页面 View Code2.页面效果3.代码解析在页面样式中,为了突出显示元素,增加了一个粗体的字体效果,如上面的粗体代码所示。 ...
分类:
Web程序 时间:
2017-09-20 18:07:22
阅读次数:
185
1.源码脚本控制交互元素脚注本页生成于2017年09月20日View Code2.页面效果2.1点击脚注前2.2点击脚注后在Javascript中,使用getAttribute()方法获取元素的“open”属性,然后判断元素的属性值,当该值为“open”时,利用removeAttribute()方法... ...
分类:
Web程序 时间:
2017-09-20 18:05:40
阅读次数:
231
例程下载:https://files.cnblogs.com/files/xiandedanteng/nodejsStaticHtmlSample.rar 页面效果: Html页面代码(注意用文本编辑器如Editplus3保存文件时要指定编码为UTF-8,否则容易出现乱码): server.js代码 ...
分类:
Web程序 时间:
2017-09-13 23:19:50
阅读次数:
307
css动画的动画制作没有什么特别高深的地方,引入少量的css代码就能实现丰富多彩的页面效果是作为一个web前端开发者所推崇的,但我想要强调的是掌握并深入的理解css的基础,以及灵活的运用是做出一个画面美观、代码简洁、性能高效的css动画的必备技能。今天,我也就不再多做赘述,我就来说一说我在做css动 ...
分类:
Web程序 时间:
2017-09-11 17:55:25
阅读次数:
239
编程练习 制作一个跳转提示页面: 要求: 1. 如果打开该页面后,如果不做任何操作则5秒后自动跳转到一个新的地址,如慕课网主页。 2. 如果点击“返回”按钮则返回前一个页面。 效果: 注意: 在窗口中运行该程序时,该窗口一定要有历史浏览记录,否则"返回"无效果。 <!DOCTYPE html> <h ...
分类:
其他好文 时间:
2017-09-10 00:11:59
阅读次数:
201
自己闲来无聊,写了一篇关于jq选中复选框删除数据的一个功能,不足之处,还望多多包涵 js代码 在这里我为了制作一个表格,所以写了点CSS代码,跟html代码 这里写了一个简单表格,可以参考一下 分享一下页面效果图,大家可以参考,将代码复制本地,就可以运行看效果 有不足之处还望大家海涵,有更好的方式可 ...
分类:
Web程序 时间:
2017-09-08 18:03:18
阅读次数:
132