仿京东页面所遇到的问题

本文详细介绍了仿制京东首页的设计过程,包括上方菜单栏、中间logo及搜索栏等元素的实现方式,同时讨论了左侧菜单栏的交互效果及中间轮播框的实现难点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值