• 查看作者
    • 移动端简约菜单+滚动公告美化

      代码放在你需要的位置即可,打XXXXXX的地方用自己的资源去修改

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      12
      13
      14
      15
      16
      17
      18
      19
      20
      21
      22
      23
      24
      25
      26
      27
      28
      29
      30
      31
      32
      33
      34
      35
      36
      37
      38
      39
      40
      41
      42
      43
      44
      45
      46
      47
      48
      49
      50
      51
      52
      53
      54
      55
      56
      57
      58
      59
      60
      61
      62
      63
      64
      65
      66
      67
      68
      69
      70
      71
      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
      <!--轮播图下面菜单-->
      <style>
              .box1 {
                  width: 100%;
                  background-color: #fff;
                  overflow: hidden;
                border-bottom: 1px solid #f0f0f0;
              }
            .box1 .list{
                    margin: 0;
                padding: 0;
          }  
              .box1 li {
                  float: left;
                  width: 33.33%;
                  text-align: center;
                  overflow: hidden;
                margin-bottom: 2vw;
              }
              .box1 li a {
                  display: block;
                  padding: 0 12px 10px;
                  border-right: 1px solid #f0f0f0;
                  overflow: hidden;
              }
              .box1 li div {
                  height: 22px;
                  line-height: 22px;
                  font-size: 15px;
                  color: #FFA800;
              }
              .box1 li .title2 {
                  color: #43A6DF;
              }
              .box1 li .title3 {
                  color: #fc6e51;
              }
              .box1 li p {
                  padding-top: 2px;
                  color: #999;
                font-size: 12px;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
              }
          </style>
      <div class="box1">
                  <ul class="list">
                      <li class="sign-in">
                <a href="" class='link'>
                              <div class="title1"><i class="XXXXXX"></i> 每日签到</div>
                              <p>签到领取奖励</p>
                          </a>
                      </li>
                      <li class="task">
                          <a href="/task.php" class='link'>
                              <div class="title2"><i class="XXXXXX"></i> 每日任务</div>
                              <p>完成任务领取奖励</p>
                          </a>
                      </li>
                      <li class="bbs">
                          <a href="/referral.php" class='link'>
                              <div class="title3"><i class="XXXXXX"></i> 邀请好友</div>
                              <p>好东西就要分享</p>
                          </a>
                      </li>
                  </ul>
              </div>
      <!--轮播公告-->
      <style>
       .bar .li{ list-style-type: none;
       </style>
      <div id="broadcast" class="bar" name="giftactive" style="
             background-color: #fff;
          border-top: 1px solid #f0f0f0;
          height: 9vw;
          position: relative;
          top: -3vw;"}>
          <div style="float:left;margin-left: 5vw;"><img style="height: 9vw;margin-right: 2vw;" src="XXXXXX" alt="公告"></div>
        <div id="demo" style="overflow:hidden;height:22px;line-height:22px;position: relative;top: 1.5vw;">
          <ul class="mingdan" id="holder" style="margin-top: -0.0488184px; margin-left: -10vw;">
          <li><a href="#" target="_blank" style="color: #f27632;">XXXXX</a></li>
          <li><a href="#" target="_blank" style="color: #f27632;">XXXXX</a></li>
          <li><a href="#" target="_blank" style="color: #f27632;"></a></li>
          </ul>
        </div>
      </div>
      <script>function AutoScroll(obj) {
          $(obj).find("ul:first").animate({
              marginTop: "-22px"
          },
          500,
          function() {
              $(this).css({
                  marginTop: "0px"
              }).find("li:first").appendTo(this);
          });
      }
      $(document).ready(function() {
          setInterval('AutoScroll("#demo")', 3000)
      });
      </script>
    • 0
    • 0
    • 0
    • 11
    • 请登录之后再进行评论

      登录
    • 做任务
    • 发表内容