how2j.cn


工具版本兼容问题
学习完了前端的HTML CSS JavaScript等各项技术之后,会有一个感慨,各个知识点分开都不难,但是要做出一个成型的,好看的,时尚的网页,就无从下手。

这就需要经验的积累了。

本项目是一个十分接近天猫官网的网站

点击进入: 模仿天猫官网

本项目90%的内容是由纯 Html CSS和JQuery完成,你可以学习到如何使用最原本的html和css完成天猫这样量级的前端效果。

学习本项目过程中,能够学习到如何考虑布局,细节怎么处理,积累宝贵的前端项目经验
面试的时候,多一项谈资多一层砝码多一些薪水



7分56秒
本视频采用html5方式播放,如无法正常播放,请将浏览器升级至最新版本,推荐火狐,chrome,360浏览器。 如果装有迅雷,播放视频呈现直接下载状态,请调整 迅雷系统设置-基本设置-启动-监视全部浏览器 (去掉这个选项)。 chrome 的 视频下载插件会影响播放,如 IDM 等,请关闭或者切换其他浏览器




HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


最近10个提问
2021-07-16 登录框定位溢出问题
飞鸟




可以把登录框div当做一个子div,然后给父div设置背景图片, 登录框再相对自己定位,这样无论窗口怎么变化,登录框都是根据自己相对位置来定位不会溢出图片
  div.loginBackgroundImg {
        width: 1190px;
        height: 600px;
        background-image: url(https://how2j.cn/tmall/img/site/loginBackground.png);
        z-index: -1;
        margin: 0px auto;
    }

    div.loginSmallDiv {
        background-color: white;
        position: relative;
        right: -800px;
        top: 100px;
        width: 350px;
        height: 400px;
        padding: 60px 25px 80px 25px;
    }

<div class="loginBackgroundImg">
            <div class="loginSmallDiv" id="loginSmallDiv">

                <div class="login_acount_text">账户登录</div>
                <div class="loginInput ">
                    <span class="loginInputIcon ">
                        <span class=" glyphicon glyphicon-user"></span>
                    </span>
                    <input type="text" placeholder="手机/会员名/邮箱" name="name" id="name">
                </div>
                <div class="loginInput ">
                    <span class="loginInputIcon ">
                        <span class=" glyphicon glyphicon-lock"></span>
                    </span>
                    <input type="password" placeholder="密码" name="password" id="password">
                </div>
                <div>
                    <a href="#nowhere" class="notImplementLink">忘记登录密码</a>
                    <a class="pull-right" href="#nowhere">免费注册</a>
                </div>
                <div style="margin-top:20px">
                    <button type="button" class="btn btn-block redButton">登录</button>
                </div>
            </div>
        </div>

							


1 个答案

how2j
答案时间:2021-07-27
good and nice!



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2021-06-18 关于<button tyle="button">
papalee

为啥之前的搜索里button的type是“submit“,这里就是”button“?查了资料说IE默认是button,非IE默认是submit。有啥区别吗?站长两个搜索页的button type写的不一样有什么特殊的原因吗?




1 个答案

how2j
答案时间:2021-06-20
这里没有form 所以用button 而不是submit 。只有外面嵌套了form才需要用submit。



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2021-06-16 站长大大 cid是个什么东西?
2021-06-03 左边每个菜单都对应一个不同的页面
2021-05-16 天猫前端项目跳转页面
2021-05-13 $("div.eachCategory[cid="+cid+"]")
2021-05-12 这个样式详解太赞了!
2021-04-23 我的logo怎么离搜索框这么远啊
2021-04-05 上面这一栏没有用图片做了一下
2021-04-05 我做的




提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 实践项目-天猫前端-项目简介 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 496725845
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图