仿京东页面所遇到的问题

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

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

仿京东页面所遇到的问题的相关文章

jquery实现仿京东侧边栏

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>仿京东侧边栏</title> 6 <style type="text/css"> 7 *{ 8 margin:0;padding:0; 9 } 10 ul{list-style: none;} 11 .to

浅谈android中仅仅使用一个TextView实现高仿京东,淘宝各种倒计时

今天给大家带来的是仅仅使用一个TextView实现一个高仿京东.淘宝.唯品会等各种电商APP的活动倒计时.最近公司一直加班也没来得及时间去整理,今天难得休息想把这个分享给大家,只求共同学习,以及自己后续的复习.为什么会想到使用一个TextView来实现呢?因为最近公司在做一些优化的工作,其中就有一个倒计时样式,原来开发的这个控件的同事使用了多个TextView拼接在一起的,实现的代码冗余比较大,故此项目经理就说:小宏这个就交给你来优化了,并且还要保证有一定的扩展性,当时就懵逼了.不知道从何处开始

Jquery特效之=》仿京东多条件筛选特效

仿京东多条件筛选特效 品牌: 全部 惠普(hp) 联想(Lenovo) 联想(ThinkPad) 宏基(acer) 华硕 戴尔 三星 索尼 东芝 Gateway 微星 海尔 清华同方 富士通 苹果(Apple) 神舟 方正 优雅 价格: 全部 1000-2999 3000-3499 3500-3999 4000-4499 4500-4999 5000-5999 6000-6999 7000-9999 10000以上 尺寸: 全部 8.9英寸及以下 11英寸 12英寸 13英寸 14英寸 15英寸

&lt;记录学习&gt;(前三天)京东页面各种注意点

培训学校第1到3天先学习HTML现在流行的是HTML5,目前学习的是HTML5规范.(给有基础一定的人学习)前三天学习的是京东页面的编写,和以前写的不同,页面看上去和自己写的一样,但老师讲的还是有很多不同,更加详细和细节.1.程序员的规范写法很重要,要方便别人的观看,因此注释十分重要.<注意点>2.页面的布局先要看好,分成几块,头部和尾部有很多通用的,可以写在一个css文件里.3.在用户主要访问的地方,可以写的尽可能美观,如"|"号,首部标签之间可以用<li>&

仿京东商城左侧的一个导航条特效

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

浅谈android中只使用一个TextView实现高仿京东,淘宝各种倒计时

今天给大家带来的是只使用一个TextView实现一个高仿京东.淘宝.唯品会等各种电商APP的活动倒计时.近期公司一直加班也没来得及时间去整理,今天难得歇息想把这个分享给大家.只求共同学习,以及自己兴许的复习. 为什么会想到使用一个TextView来实现呢?由于近期公司在做一些优化的工作,当中就有一个倒计时样式,原来开发的这个控件的同事使用了多个TextView拼接在一起的.实现的代码冗余比較大.故此项目经理就说:小宏这个就交给你来优化了.而且还要保证有一定的扩展性,当时就懵逼了.不知道从何处開始

iOS仿京东分类菜单之UICollectionView内容

 iOS仿京东分类菜单之UICollectionView内容 在 上<iOS仿京东分类菜单实例实现>已经实现了大部分主体的功能,本文是针对右边集合列表进行修改扩展,使它达到分组的效果,本文涉及到的主要是UICollectionView的知识内容,左边列表的实现见上一篇文章,先看实现的效果图: 一:实体的创建 1.1分组实体的创建(tagID跟左边表格进行关联,roomArray是存放房间的数组,也就是单元格的集合) #import <Foundation/Foundation.h>

完美高仿精仿京东商城手机客户端android版源码

完美高仿精仿京东商城手机客户端android版源码,喜欢的朋友可以下载吧. 源码下载: http://code.662p.com/view/4876.html AndroidManifest.xml <?xml version="1.0" encoding="utf-8" ?> - <manifest android:versionCode="6952" android:versionName="2.7.0"

【Android源码】高仿京东商城

高仿京东商城 仿照京东商城做出的APP(仅实现了部分界面) 下载地址:http://www.dwz.cn/z8z3J 运行截图