Rumah  >  Artikel  >  hujung hadapan web  >  下图所示效果怎么实现_html/css_WEB-ITnose

下图所示效果怎么实现_html/css_WEB-ITnose

WBOY
WBOYasal
2016-06-24 12:17:35964semak imbas

想请教下图所示的效果怎么实现,选择左边框的姓名,点击“>>”键,选中的名字自动显示在右框中,并在左框中消失。


回复讨论(解决方案)

两个ListBox加Hidden再加Js,Js操作ListBox网上应该有很多代码的

其实就是左边删除一个元素,右边添加一个元素

两个ListBox加Hidden再加Js,Js操作ListBox网上应该有很多代码的
貌似HTML里面没有listbox这个标签吧????

补充说明一下,我想用HTML实现

有效果,但是不美观。。。。
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



无标题文档
<script></script>


<script> <br /> $(document).ready(function(){ <br /> var s = ""; <br /> var g = ""; <br /> $("#toRight").click(function(){ <br /> if(s!==""&&s!=null&&g=="left"){ <br /> $(".right").append(s); <br /> $("p").removeClass("select"); <br /> } <br /> }); <br /> $("#toLeft").click(function(){ <br /> if(s!==""&&s!=null&&g=="right"){ <br /> <br /> $(".left").append(s); <br /> $("p").removeClass("select"); <br /> } <br /> }); <br /> $("p").click(function(){ <br /> $("p").removeClass("select"); <br /> $(this).addClass("select") <br /> s = $(this); <br /> g = $(this).parent().attr("class"); <br /> }); <br /> }); <br /> <br /> <br /> <br /> <br /> </script>




    
    

    

    

张三


    

里斯


        

王五


    

   >" id="toRight"/>
        



有效果,但是不美观。。。。
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

非常好,非常感谢

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn