定义如下HTML代码:
Java
Javascript
HTML
CSS
PHP
<script type="text/javascript" src="http://cdn.gbtags.com/jquery/1.11.1/jquery.min.js"></script>
对应CSS如下:
/CSS源代码/
@import url('//cdn.gbtags.com/font-awesome/4.1.0/css/font-awesome.min.css');
body{
background:#666;
color: #fff;
font-family: 'microsoft yahei',Arial,sans-serif;
}
ul{
list-style:none;
margin: 0;
padding: 0;
position: relative;
}
li{
padding: 10px;
margin: 2px;
border: 1px solid #888;
}
挑战要求
请使用jQuery实现:
点击页面,在#container容器元素的起始处添加新的li元素,内容文字为“更多语言”,并且包含一个删除按钮(动画效果为向下滑动出现)
点击每一个li对应的删除图标,当前li自动从当前列表中删除(动画效果为向左滑动消失)
提交方式:
录制完整代码编写过程或者最终代码:
http://www.gbtags.com/gb/rtrecorder.htm
本帖中跟帖发布轻视频或者代码地址:
http://www.gbtags.com/gb/rtreplayerpreview/189.htm