欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

HTML/CSS实现的一个列表页_html/css_WEB-ITnose

程序员文章站 2022-05-13 10:48:02
...
又到休息日,白天没事跟朋友去逛逛街,侃大山,晚上了,上网无趣,于是就想起该练练了,

这次是做了一个页面,最上面是一个banner 用到了一个jQuery的逻辑判断当banner初始top值小于window的top值时指定banner的top为0px像素,

页面中间是用ul li div 嵌套 做的列表 ,可做为模板,在后台 读取数据生成商品展示的页面。没有做分页,和侧边栏。样式呢做的有点丑,没办法,顶不上设计师呀, 也希望高手可以指点一下。

下面上代码和效果图

  1   2   3   4       5       6      57      68  69  70     
71 haha你好吗Walcome 72 73
74
    75
  • 76
      77
    • 马达加斯加
    • 78
    • 马达加斯加
    • 79
    • 马达加斯加
    • 80
    • 马达加斯加
    • 81
    • 马达加斯加
    • 82
    83
  • 84
  • 85
      86
    • 马达加斯加
    • 87
    • 马达加斯加
    • 88
    • 马达加斯加
    • 89
    • 马达加斯加
    • 90
    • 马达加斯加
    • 91
    92
  • 93
  • 94
      95
    • 马达加斯加
    • 96
    • 马达加斯加
    • 97
    • 马达加斯加
    • 98
    • 马达加斯加
    • 99
    • 马达加斯加
    • 100
    101
  • 102
  • 103
      104
    • 马达加斯加
    • 105
    • 马达加斯加
    • 106
    • 马达加斯加
    • 107
    • 马达加斯加
    • 108
    • 马达加斯加
    • 109
    110
  • 111
  • 112
      113
    • 马达加斯加
    • 114
    • 马达加斯加
    • 115
    • 马达加斯加
    • 116
    • 马达加斯加
    • 117
    • 马达加斯加
    • 118
    119
  • 120
121 122