• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

小弟做一个小demo遇到问题了,希望大神帮我看下怎么实现。

我是想做成这个效果:
203003lmjvxbssppvrm72b.jpg
点击右边框里的小×,这个元素就会到左边,如图:
203004yyxnaz0vkxpgzhka.jpg
,点击左边框里的这个×又会回到右边,我自己写了一些代码,但是现在还存在问题,第一次是成功了,来回点就不对了。
            ul{                list-style: none;                margin: 0;                padding: 0;            }            li{                margin: 5px 0 5px 10px;            }            a{                text-decoration: none;            }            #slider1,#slider2{                width: 100px;                border: 1px solid #333333;                float: left;                margin: 0 10px;            }            #slider1 li a,#slider2 li a{                margin-left: 5px;            }            #slider1 li a:first-child,#slider2 li a:first-child{                color: #848484;            }                                            
                                        
            
                           
                        
  •                         元素1                        x                    
  •                         元素2                        x                    
  •                         元素3                        x                    
  •                         元素4                        x                    
  •                         元素5                        x                    
  •                         元素6                        x                    
  •                         元素7                        x                    
  •                         元素8                        x                    
  •                         元素9                        x               

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

发新帖

发布任务需求已有1031166位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!