360搜索网页总结

首先写网页一定要有布局,所以我在写360搜索这个网页的时候我个人的分析是,这个网页一共分了四个部分我在html网页写了4个div,然后在里面添加一些css的样式和一些js的代码实现了也面的点击按钮能跳转页面的一个效果。

第一部分:

写网页的导航栏的部分,用到了html代码的a标签还有用到了css的float的属性,在导航栏里面还有两个显示或者隐藏的一个下拉的列表,一个是小的列表另外一个是天气的列表。

这部分我还学习到了用内外边距和cursor这个东西来实现当鼠标点击的时候会出现一个小手的形状出现,基本上这里面还有用到hover这个标签的元素来实现当鼠标悬浮时它会显示一个div里面的一些内容的。

第二部分:

第二部分可能就多了一些了,因为第二部分设计到了input标签和按钮这个东西,其实里面还涉及到了js的一些东西,因为js是很难的东西,我最开始接触他的时候很难但是接触了之后,我觉得还是很简单的,还可以没有那么难,因为这一部分主要是按钮的部分比较难,因为困难点是在js的在点击键盘的时候获取到的时候会有一定的问题,用到的地方是有一定的问题,还有在这部分获取焦点的时候还是很简单不是太难,基本上用到keyup事件就可以解决。

第三部分:

主要是用它来实现图片的加载,这部分代码其实也是很简单的,而且这一部分代码还不涉及到js的代码还是很好的。

第四部分:

主要就是拿一些span标签和a标签来实现的代码。

猜你喜欢

转载自www.cnblogs.com/qijiang123/p/11490783.html