大家好，我是拾光。点击上方关注▲▲▲▲
上一期的前端HTML面试部分发布已经一天了，收到了网友的反馈，原因两个，与网上内容重复，再有一个就是面试题太老了，也就是说太久了，可能不适用于现在的面试了。
归于这两点，进行反思，以后要开始搜集并整理大量的前后端面试题内容并进行筛选，给予网友们更多更新的面试题练习机会，提高自己的开发技能。希望大家能够持续的关注我，看到我的成长。
再次感谢各位。
下面给大家整理的是js的拖拽效果；
下面请看静态效果图。
--------->
两个区域内可以进行来回的拖放，在实际的应用场景中大家可以发挥自己的想象力，有好得创意效果记得在下方评论分享给大家哟~
下面开始我们的代码：
HTML：
<body>
<div id="box">
</div>
<ul id="con">
<li>php</li>
<li>js</li>
<li>html5</li>
<li>css3</li>
</ul>
</body>
CSS：
#box{
width:200px;height:200px;border:1px solid red;
}
#con{
width:200px;height:200px;border:1px solid blue;list-style:none;padding:0;margin:0;
}
li{
width:150px;height:30px;margin:5px 0;background:#ccc;line-height:30px;text-align:center;
list-style:none;
}
JS：
window.onload=function () {
var box=document.getElementById("box");
var con=document.getElementById("con");
var lis=document.getElementsByTagName("li");
for (var i=0; i<lis.length; i++) {
lis[i].draggable=true;
lis[i].flag=false;
lis[i].ondragstart=function () {
this.flag=true;
}
lis[i].ondragend=function () {
this.flag=false;
}
}
box.ondragenter=function (e) {
e.preventDefault();
}
box.ondragover=function (e) {
e.preventDefault();
}
box.ondragleave=function (e) {
e.preventDefault();
}
box.ondrop=function (e) {
for (var i=0; i<lis.length; i++) {
if(lis[i].flag){
box.appendChild(lis[i]);
}
}
e.preventDefault();
}
con.ondragenter=function (e) {
e.preventDefault();
}
con.ondragover=function (e) {
e.preventDefault();
}
con.ondragleave=function (e) {
e.preventDefault();
}
con.ondrop=function (e) {
for (var i=0; i<lis.length; i++) {
if(lis[i].flag){
con.appendChild(lis[i]);
}
}
e.preventDefault();
}
}
---------代码完结---------华丽的分割线------
再次给大家声明一下，有的时候每天一篇原创时间比较吃紧，现在的时间是凌晨2:11分，我会保存成草稿，到了时间然后进行发布，所以还是比较辛苦的。
大家可以试着做一下，可以考虑有没有其他的实现方式等等来提高自己的开发能力。
如果时间不是很多的话，我就会给大家发布自己搜集整理的面试题，有网上原创的我也会进行转发分享给大家，尊重原创我会在文章的底部进行转发声明，希望大家理解。
最后就是我们一贯的段子时间了。不知道大家有没有段子拿出来分享一下呢？看来今晚我是要很晚才睡了，大晚上的看段子就是不想让自己睡觉的节奏呀。
好了，开始吧，希望大家能够阅读的开心，生活的开心。
Best wishes to you.
1、
她绕了一下头发，修长的手指点了点我的下巴，说到:“真的不要么。”
我别过头，冷冷说道:“作业，你别再这样了，我不爱你的。”
过了几秒钟，一声歇斯底里的喊叫——“你他妈就知道在外面鬼混，那个叫暑假的有什么好？你他妈就是喜欢是吧！”
“是啊！那有怎样！老子跟你是家族联姻！要不然我会娶你？”我怒目而视。“作业，你别纠缠我了，我不爱你的。”
我点了一根烟。许久，作业幽幽说道“那个叫暑假的女人要死了吧。”
我深深吸了一口烟，指间的烟却被我狠狠捏扁了。
我突然跳起来，叫道:“是你！你他妈把暑假弄死了！艹！”
作业没有回头:“是又怎样，不是又怎样。”她叹了一口气，“我只能去找到世界顶尖杀手组织——教育局，花了大价钱弄死她的。”
“暑假……暑假……”我跪在地上喃喃。泪水滴滴打在地上。
卧槽， _(:_」∠)_
2、
一天,某三流大学的校长在学校后门转悠,突然听到一个铿锵有力的声音说:我要考牛津!∑ヽ(Д;)?校长顿时被感动了,心想,在这个堕落的校园里竟然还有如此有上进心的学生(╥╯^╰╥)正想转身寻找声音的来源.那声音再次响起:老板,再来两串烤羊肉串一串金针菇...
3、
当有蚊子趴在你身上的时候，不要赶走它 让它咬，当它开始咬你的皮肤开始吸血的时候，憋一口气(?ω? )，猛的全身用力，加速血液循环，呛死它个狗丫的！?(????????)
4、
要做心脏移植手术了，他深情地望着躺在床上的妻子，拿签字表的手有点抖。“快签吧，你个窝囊废、穷鬼！”妻子骂。手术很成功，她没有一点排异反应。“我那没心肝的穷鬼丈夫呐？”她问护士。护士递过一张纸，上面画一颗鲜红的心和一行小字：“这是我最后能给你的了，我爱你。” (′∩‘。)
5、
作业妩媚地躺在我的床上，娇媚的唇角轻启：“官人，这可都一个月了，你怎么还不来碰碰人家。(′╥ω╥`)”这作业也不愧是美人，声音微颤 最后声线上扬了三度，像羽毛似的撩的人心痒痒，我一巴掌糊它脸上。“最后三天让你知道我的厉害。(?‘ヘ′?;)ゞ
我的天呐，萌shi我了。
转自原文（http://tieba.baidu.com/p/39636902740
大家可以去看一下，很感人的段纸。
今天的内容不是很多，不过也希望大家多多少少都能够收获一些内容或者心得。
如果大家喜欢小编发布的内容就请点赞，收藏，转发，评论以及关注我吧。
我的头条号：全栈开发者。
感谢您的阅读。
当有蚊子趴在你身上的时候，不要赶走它 让它咬，当它开始咬你的皮肤开始吸血的时候，憋一口气(?ω? )，猛的全身用力，加速血液循环，呛死它个狗丫的！?(????????)