仿京东页面所遇到的问题

这几天在仿京东首页,主要分为以下几部分。

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一看题目就觉得是培训班出来的,好烦

posted @ 2016-08-20 09:56  bokeyuan990  阅读(625)  评论(0编辑  收藏  举报