仿京东页面所遇到的问题

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

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

转载于:https://www.cnblogs.com/wukall/p/5789706.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值