大家好,我想请问用jquery怎么样实现这种效果呀??
jquery实现点击下方的就能加到上方去,,鼠标放在上方的标题上出现删除的小标记,可以删除..
 谢谢啦.

解决方案 »

  1.   

    给下面方块儿加个onclick事件,往上面div里append内容
      

  2.   

    jquery里面不是有一个。html(context);的方法吗,里面可以放标签内容的,想加什么都可以
      

  3.   

    大概写了个,css自己整了。。<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script>
    <script type="text/javascript">
    $(function(){
      var item,newItem;
       $('#dvSelected a').live('click',function(){
         item=$(this).parent();
         $('#dvSelects div:eq('+item.attr('index')+')').show();
         item.remove();
         return false;
      });
       $('#dvSelects div').click(function(){
         item=$(this);newItem=item.clone();
         newItem.append('<a href="#">x</a>');
         newItem.attr('index',item.index());
         item.hide();
         $('#dvSelected').append(newItem);
       });
    });
    </script>
    <style>
    #dvSelected,#dvSelects{zoom:1;overflow:hidden;}
    #dvSelects{width:400px;}
    #dvSelected div,#dvSelects div{float:left;padding:5px;border:solid 1px black;margin:5px;}
    #dvSelected div a{padding-left:5px;}
    </style>
    <div id="dvSelected"></div>
    <div id="dvSelects">
    <div>学生</div>
    <div>公务员</div>
    <div>媒体人</div>
    <div>音乐人</div>
    <div>自由职业者</div>
    <div>白领</div>
    <div>挨踢民工</div>
    </div>
      

  4.   


    不错的了, 不过 x 要在mouseover时才出现……