https://pangyd.com/tags/%E6%90%AC%E8%BF%90%E5%B7%A5/Recent content in 搬运工 on 庞玉栋个人博客Hugozh-cnSat, 29 Jul 2017 19:06:25 +0800https://pangyd.com/post/20/Sat, 29 Jul 2017 19:01:42 +0800https://pangyd.com/post/20/<p><img src="https://pangyd.com/uploads/2017/07/460edad1355c680d.png" alt="wz.PNG"><br></p><p>演示地址：<a target="_self" href="https://pangyd.com/zl/web/wz/">点这里</a></p><p>下载地址：<a target="_self" href="https://pangyd.com/zl/web/wz/wz.tar.gz">点这里</a></p><p>前端</p><p><span class="Apple-tab-span"> </span>HTML5 &nbsp; &nbsp; 网页内容</p><p><span class="Apple-tab-span"> </span>CSS3 &nbsp; &nbsp; &nbsp;样式美化</p><p><span class="Apple-tab-span"> </span>JS/Jquery 特效、验证等</p><p><br></p><p>前端开发工具</p><p>webstorm10</p><p>dw</p><p>sublime</p><p>记事本</p><p><br></p><p>思路：</p><p>（1）判断左侧是否输入内容，如果没有输入内容，则提示</p><p>（2）超链接点击后，显示内容的总个数&lt;span id="all"&gt;</p><p>（3）超链接点击后，移动左侧内容到右侧，改变当前数字&lt;span id="current"&gt;</p><p><span class="Apple-tab-span"> </span>（3-1）如何移动内容</p><p><span class="Apple-tab-span"> </span>自动循环做下面两个事：setInterval(事情，80)</p><p><span class="Apple-tab-span"> </span>获取左侧内容，移动左侧内容的第一个内容</p><p>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="Apple-tab-span"> </span>更新左侧内容</p><p>（4）完善细节</p><p><span class="Apple-tab-span"> </span>（4-1）超链接链接后，橘黄色变浅，文字移动完毕后，超链接恢复橘黄色</p><p><span class="Apple-tab-span"> </span>（4-2）进度条显示，并动态效果</p><div><br></div>