文章分类 -  html练习作品

【teemo】[20161214][html+js]极客学院WEB大前端班级js课程作业04
摘要：1、作业要求 2、作业结果 3、新知识点 String对象的一些常用方法 Number对象的常用方法 Math对象的常用方法 Boolean对象的常用方法 Array对象的常用方法 form表单的onsubmit事件：true提交，false不提交 今天作业少且简单，做完回去咯！ 阅读全文
posted @ 2016-12-14 18:12 张庭岑 阅读(113) 评论(0) 推荐(0)
[teemo][20161207][html+css]页面元素在鼠标悬停时的浮起特效
摘要：一加手机官网的这种布局以及hover效果，有种极简的感觉，我很喜欢，所以现在就尝试实现一下。 hover的时候，产生阴影（box-shadow）、向上浮动（transform的translate3d方法）、动画执行的速度明前开始与结尾缓慢而中间快（transition的cubic-bezier方法） 阅读全文
posted @ 2016-12-07 19:06 张庭岑 阅读(1383) 评论(0) 推荐(0)
[teemo][20161206][html+css]背景图片透明度
摘要：1、参考文档 http://www.w3school.com.cn/css/css_image_transparency.asp http://www.w3school.com.cn/cssref/pr_opacity.asp http://scripting.com/2014/03/10/opac 阅读全文
posted @ 2016-12-07 10:38 张庭岑 阅读(121) 评论(0) 推荐(0)
[teemo][20161206][html+css]极客学院第一次考试题——凤凰网资讯页面
摘要：考试题： http://files.cnblogs.com/files/foresthouse/2%E7%8F%AD%E8%80%83%E8%AF%95%E9%A2%98--HTML%26CSS%E5%9F%BA%E7%A1%80.zip 张庭岑的完整作品： http://files.cnblogs 阅读全文
posted @ 2016-12-06 20:26 张庭岑 阅读(170) 评论(0) 推荐(0)
[teemo][20161128][html+css]下拉菜单实现的一种方案
摘要：一号店实例效果展示： 成果展示： 简单demo例子说明 demo效果： demo菜单弹出效果： 方案说明： 导航栏：用列表实现； 弹出栏：嵌套在导航栏的<li>标签中，初始display:none;，导航栏<li>处于hover状态是display:block； 重点设置： 1、由于弹出框位于<li 阅读全文
posted @ 2016-11-30 10:15 张庭岑 阅读(119) 评论(0) 推荐(0)
[teemo][20161128][html+css]简约简历布局设计
摘要：1、box-shadow属性？ 参考W3C的例子，更容易理解，用于做出内容浮出背景的效果。 http://www.w3school.com.cn/cssref/pr_box-shadow.asp 2、让dt与dd同一行，并且dt与dd分列显示，有几种方案？ 这两个都是自定义列表dl，左边英文都是dt 阅读全文
posted @ 2016-11-29 09:46 张庭岑 阅读(721) 评论(0) 推荐(0)
【teemo】[20161127][html+css]仿京东首页
摘要：最终效果图 作业收获： 图片+输入框的布局结构： 外层容器、左右侧图片、input的高度应该一致，剩下的border、对齐之类的就慢慢调就好了 input不要设置border，设置外层容器的border就好了，在设置一下图片的左边框或者右边框 绝对定位与相对定位position：相对是相对于自己st 阅读全文
posted @ 2016-11-27 11:27 张庭岑 阅读(361) 评论(0) 推荐(0)
【teemo】[20161124][html]简单导航栏
摘要：实现的基本功能： 1、使用nav元素定义一个导航栏； 2、导航栏内元素：使用<ul>与<li>定义的一个列表展示导航栏的项 3、导航栏的每一个项都是一个超链接<a>，在鼠标移动上去的时候，会高亮显示； 实际效果： 遇到的问题： 1、使<a>标签按块显示、调整宽高后可以呈现比较好看的效果；但调整高度后 阅读全文
posted @ 2016-11-24 09:31 张庭岑 阅读(50) 评论(0) 推荐(0)