JQUERY实现的效果，怎么办？

[sxinhe]

大家好，我想请问用jquery怎么样实现这种效果呀？？


jquery实现点击下方的就能加到上方去,,鼠标放在上方的标题上出现删除的小标记,可以删除..


谢谢啦.

[色拉油]

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

[sxinhe]

怎么样出现那个删除的标记呢？？？

[没有桃子的阿狸]

jquery里面不是有一个。html（context）；的方法吗，里面可以放标签内容的，想加什么都可以

[sxinhe]

有什么实例可以参考麽？

[Go 旅城通票]

大概写了个，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>

[吉普赛的歌]

引用 5 楼 showbo 的回复:

大概写了个，css自己整了。。 XML/HTML code?1234567891011121314151617181920212223242526272829303132333435<script type="text/javascript" src="http://www.coding123.net/js/jquery.js"></script><script t……

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

[sxinhe]

引用 7 楼 yenange 的回复:

引用 5 楼 showbo 的回复:大概写了个，css自己整了。。 XML/HTML code?1234567891011121314151617181920212223242526272829303132333435<script type="text/javascript" src="http://www.coding123.net/js/jquery.js">……

这个是直接就出现在上面的。。。