(3)超链接点击后,移动左侧内容到右侧,改变当前数字 (3-1)如何移动内容 ">
庞玉栋个人博客、人生苦短-我用Python

文字搬运工代码

发布时间:8年前热度: 1455 ℃评论数:

wz.PNG

演示地址:点这里

下载地址:点这里

前端

HTML5     网页内容

CSS3      样式美化

JS/Jquery 特效、验证等


前端开发工具

webstorm10

dw

sublime

记事本


思路:

(1)判断左侧是否输入内容,如果没有输入内容,则提示

(2)超链接点击后,显示内容的总个数<span id="all">

(3)超链接点击后,移动左侧内容到右侧,改变当前数字<span id="current">

(3-1)如何移动内容

自动循环做下面两个事:setInterval(事情,80)

获取左侧内容,移动左侧内容的第一个内容

                更新左侧内容

(4)完善细节

(4-1)超链接链接后,橘黄色变浅,文字移动完毕后,超链接恢复橘黄色

(4-2)进度条显示,并动态效果


文字,搬运工,代码

手机扫码访问