jQuery时间轴(大事记)制作 100

我需要制作一个如图所示的时间轴大事记的效果。要点:1、黑色区域默认是可以看见的,黑色区域右侧的内容随着点击(向右点击),该轴会向左依次移动。2、点击时间方框,或者那个空心... 我需要制作一个如图所示的时间轴大事记的效果。
要点:1、黑色区域默认是可以看见的,黑色区域右侧的内容 随着点击(向右点击),该轴会向左依次移动。
2、点击时间方框,或者那个空心时间点,对应的年份框变色(背景图变化),还有那个对应的,年份下面的原点变实心的,X下面的文字样式也会变。
3、CSS样式我没有问题、那个实心、空心,还有年份框,都有现成的图,应该主要就是给我能有动态变化的控制点(如:对应的类名),并且,X轴随着点击左右水平移动。
4、希望用jQuery写。

希望能得到帮助,谢谢 !
展开
 我来答
FritzBaidu
2014-11-28 · TA获得超过318个赞
知道小有建树答主
回答量:207
采纳率:0%
帮助的人:80.3万
展开全部
这个可以通过修改css的left属性来达到移动的效果 要做动画效果的话 你用jquery的动画吧 画面会很平滑得过渡的的

黑色区域相当于屏幕 超出的部分就是隐藏掉 你给黑色区域设置个 overflow:hidden就行了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
AiPPT
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图... 点击进入详情页
本回答由AiPPT提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式