这几天在仿京东首页,主要分为以下几部分。
1.上方菜单栏
利用float:left;布局
暂时写出基本结构,其他的需要添加
2.中间依次logo,搜索栏,购物车
logo注意设置border:0;,防止ie下右边框
搜索栏注意设置,searchinput的outline:none;这样点击后就不会有光圈,searchbutton也是。
购物车未设置
3.左侧菜单栏。
利用js写,鼠标指向后显示右侧菜单,而右侧菜单是隐藏的display:none;
4.中间轮播框
利用js写,鼠标指向后变为数字指向的目标图片,并自动轮播。
将轮播框html利用jquery的load引入到主页html。
这里问题随之出现了两个,1是代码本身有点乱,随后会优化2是load会导致本地查看无效,而firefox也建议不要使用。
js写也比较繁琐,但是还是想坚持一下多体会原生js然后再转向相对便捷的jquery。
还有这个平时自己做的练习与某些培训班的练习重了,所以可能有的hr一看题目就觉得是培训班出来的,好烦
时间: 2024-10-09 12:57:25