js登录页面

  • zxyhhhhh
    了解作者
  • JavaScript
    开发工具
  • 350.7KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • 1 积分
    下载积分
  • 0
    下载次数
  • 2022-05-21 19:39
    上传日期
js登录页面,js登录页面,js登录页面js登录页面
登录.rar
  • 登录
  • 背景.jpg
    348.1KB
  • main.css
    21.3KB
  • reset.css
    638B
内容介绍
body{font-family:'Microsoft Yahei';font-size:12px;color:#666;} html,body{height:100%} /* 顶部样式 */ .header_con{ background-color:#f9abac; height:29px; border-bottom:1px solid #f9abac } .header{ width:1200px; height:29px; margin:0 auto; } .welcome,.login_info,.login_btn,.user_link{ line-height:29px; } .login_info{ display:none; } .login_info em{color:#f9abac} .login_btn a,.user_link a{ color:#666; } .login_btn a:hover,.user_link a:hover{ color:#f9abac; } .login_btn span,.user_link span{ color:#cecece; margin:0 10px; } /* logo、搜索框、购物车样式 */ .search_bar{width:1200px;height:115px;margin:0 auto;} .logo{width:150px;height:59px;margin:29px 0 0 17px;} .search_con{width:616px;height:38px;border:1px solid #37ab40;margin:34px 0 0 124px;background:url(../images/icons.png) 10px -338px no-repeat;} .search_con .input_text{width:470px;height:34px;border:0px;margin:2px 0 0 36px;outline:none;font-size:12px;color:#737272;font-family:'Microsoft Yahei'} .search_con .input_btn{ width:100px;height:38px;background-color:#37ab40;border:0px;font-size:14px;color:#fff;font-family:'Microsoft Yahei';outline:none;cursor:pointer; } /* 菜单、幻灯片样式 */ .navbar_con{height:40px;border-bottom:2px solid #d54c3d} .navbar{width:1200px;margin:0 auto;} .navbar h1{width:200px;height:40px;line-height:40px;text-align: center;font-size:14px;color:#fff;background-color:#d54c3d;} .navbar .subnav_con{width:200px;height:40px;background-color:#d54c3d;position:relative;cursor:pointer;} .navbar .subnav_con h1{position:absolute;left:0;top:0;text-align:left;text-indent:40px} .navbar .subnav_con span{display:block;width:16px;height:9px;background:url(../images/down.png) no-repeat;position:absolute;right:27px;top:16px;transition:all 300ms ease-in; } .navbar .subnav_con:hover span{transform:rotateZ(180deg)} .navbar .subnav_con .subnav{position:absolute;left:0;top:40px;display:none;border-top:2px solid #d54c3d;} .navbar .subnav_con:hover .subnav{display:block;} .navlist{margin-left:34px;} .navlist li{height:40px;float:left;line-height:40px;} .navlist li a{color:#666;font-size:14px} .navlist li a:hover{color:#ff8800} .navlist .interval{margin:0 15px;} .center_con{width:1200px;height:270px;margin:0 auto;} .subnav{width:198px;height:270px;border-left:1px solid #eee;border-right:1px solid #eee;} .subnav li{height:44px;border-bottom:1px solid #eee;background:url(../images/icons.png) 178px -257px no-repeat #fff;} .subnav li a{display:block;height:44px;line-height:44px;text-indent:71px;font-size:14px;color:#333} .subnav li a:hover{color:#ff8800} .subnav li .fruit{background:url(../images/icons.png) 28px 0px no-repeat;} .subnav li .seafood{background:url(../images/icons.png) 28px -43px no-repeat;} .subnav li .meet{background:url(../images/icons.png) 28px -86px no-repeat;} .subnav li .egg{background:url(../images/icons.png) 28px -132px no-repeat;} .subnav li .vegetables{background:url(../images/icons.png) 28px -174px no-repeat;} .subnav li .ice{background:url(../images/icons.png) 28px -220px no-repeat;} .slide{width:760px;height:270px;position:relative;overflow:hidden;} .slide .slide_pics{position:relative;left:0;top:0;width:760px;height:270px;} .slide .slide_pics li{width:760px;height:270px;position:absolute;left:0;top:0} .slide .prev,.slide .next{width:17px;height:23px;background:url(../images/icons.png) left -388px no-repeat;position:absolute;left:11px;top:122px;cursor:pointer;} .slide .next{background-position:left -428px;left:732px;} .points{width:100%;height:11px;position:absolute;left:0;top:250px;text-align:center;} .points li{display:inline-block;width:11px;height:11px;margin:0 5px;background-color:#9f9f9f;border-radius:50%;cursor:pointer;} .points li.active{background-color:#cecece} .adv{width:240px;height:270px; overflow:hidden; background-color:gold;} .adv a{display:block;float:left;} /* 商品列表样式 */ .list_model{width:1200px;height:340px;margin:15px auto 0;} .list_title{height:40px;border-bottom:2px solid #d54c3d} .list_title h3{height:40px;line-height:40px;font-size:16px;color:#37ab40;font-weight:bold;} .list_title .subtitle{height:20px;line-height:20px;margin-top:15px;} .list_title .subtitle span{color:#666;margin:0 10px 0 20px;} .list_title .subtitle a{color:#666;margin:0 5px;} .list_title .subtitle a:hover,.goods_more:hover{color:#ff8800} .goods_more{height:20px;margin-top:15px;color:#666} .goods_con{height:300px;} .goods_banner{width:200px;height:300px;} .goods_banner img{width:200px;height:300px;} .goods_list{width:1000px;height:299px;border-bottom:1px solid #ededed} .goods_list li{height:299px;width:249px;border-right:1px solid #ededed;float:left} .goods_list li:hover{width:248px;height:297px;border:1px solid gold;} .goods_list li:hover img{opacity:0.8} .goods_list li h4{width:200px;height:50px;margin:20px auto 0;text-align:center;} .goods_list li h4 a{font-size:14px;color:#666;font-weight:normal;line-height:24px;} .goods_list li h4 a:hover{color:#ff8800} .goods_list li img{display:block;width:180px;height:180px;margin:0 auto;} .goods_list li .prize{text-align:center;font-size:20px;color:#c40000;margin-top:5px;} /* 页面底部样式 */ .foot_link{text-align:center;margin-top:30px;} .foot_link a,.foot_link span{color:#4e4e4e;} .foot_link a:hover{color:#ff8800} .foot_link span{padding:0 10px} .footer p{text-align:center; margin-top:10px;} /* 二级页面面包屑导航 */ .breadcrumb{ width:1200px;height:40px;margin:0 auto; } .breadcrumb a{line-height:40px;color:#37ab40} .breadcrumb a:hover{color:#ff8800} .breadcrumb span{line-height:40px;color:#666;padding:0 5px;} .main_wrap{width:1200px;margin:0 auto;} .l_wrap{width:200px;} .r_wrap{width:980px;} /* 新品推荐样式 */ .new_goods{ border:1px solid #ededed; border-top:2px solid #37ab40; padding-bottom:10px; } .new_goods h3{ height:33px;line-height:33px;background-color:#fcfcfc;border-bottom:1px solid #ededed;font-size:14px;font-weight:normal;text-indent:10px; } .new_goods ul{width:160px;margin:0 auto;overflow:hidden;} .new_goods li{border-bottom:1px solid #ededed;margin-bottom:-1px;} .new_goods li img{display:block;width:150px;height:150px;margin:10px auto;} .new_goods li h4{width:160px;margin:0 auto;} .new_goods li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .new_goods li .prize{font-size:14px;color:#da260e;margin:10px auto;} /* 商品列表样式 */ .sort_bar{height:30px;background-color:#f0fdec} .sort_bar a{display:block;height:30px;line-height:30px;padding:0 20px;float:left;color:#000} .sort_bar .active{background-color:#37ab40;color:#fff;} .goods_type_list{ margin:10px auto 0; } .goods_type_list li{ width:196px; float:left; margin-bottom:10px } .goods_type_list li img{width:160px;height:160px;display:block;margin:10px auto;} .goods_type_list li h4{width:160px;margin:0 auto;} .goods_type_list li h4 a{font-weight:normal;color:#666;display:block;width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .operate{width:160px;margin:10px auto;position:relative;} .goods_type_list .operate .prize{color:#da260e; font-size:14px;} .goods_type_list .operate .unit{color:#999;padding-left:5px;} .goods_type_list .operate .add_goods{display:inline-block;width:15px;height:15px;background:url(../images/shop_cart.png);position:absolute;right:0;top:3px;} /* 分页样式 */ .pagenation{height:32px;text-align:center;font-size:0;margin:30px auto;} .pagenation a{display:inline-block;border:1px solid #d2d2d2;background-color:#f8f6f7;font-size:12px;padding:7px 10px;color:#666;margin:5px} .pagenation .active{background-color:#fff;color:#43a200} /* 商品详情样式 */ .goods_detail_con{ width:1198px; height:398px; border:1px solid #ededed; margin:0 auto 20px; } .goods_detail_pic{width:350px;height:350px;margin:24px 0 0 24px;} .goods_detail_list{ width:730px;height:350px;margin:24px 24px 0 0; } .goods_detail_list h3{font-size:24px;line-heigh
评论
    相关推荐