jQuery时间轴(大事记)制作 100
我需要制作一个如图所示的时间轴大事记的效果。要点:1、黑色区域默认是可以看见的,黑色区域右侧的内容随着点击(向右点击),该轴会向左依次移动。2、点击时间方框,或者那个空心...
我需要制作一个如图所示的时间轴大事记的效果。
要点:1、黑色区域默认是可以看见的,黑色区域右侧的内容 随着点击(向右点击),该轴会向左依次移动。
2、点击时间方框,或者那个空心时间点,对应的年份框变色(背景图变化),还有那个对应的,年份下面的原点变实心的,X下面的文字样式也会变。
3、CSS样式我没有问题、那个实心、空心,还有年份框,都有现成的图,应该主要就是给我能有动态变化的控制点(如:对应的类名),并且,X轴随着点击左右水平移动。
4、希望用jQuery写。
希望能得到帮助,谢谢 ! 展开
要点:1、黑色区域默认是可以看见的,黑色区域右侧的内容 随着点击(向右点击),该轴会向左依次移动。
2、点击时间方框,或者那个空心时间点,对应的年份框变色(背景图变化),还有那个对应的,年份下面的原点变实心的,X下面的文字样式也会变。
3、CSS样式我没有问题、那个实心、空心,还有年份框,都有现成的图,应该主要就是给我能有动态变化的控制点(如:对应的类名),并且,X轴随着点击左右水平移动。
4、希望用jQuery写。
希望能得到帮助,谢谢 ! 展开
1个回答
展开全部
这个可以通过修改css的left属性来达到移动的效果 要做动画效果的话 你用jquery的动画吧 画面会很平滑得过渡的的
黑色区域相当于屏幕 超出的部分就是隐藏掉 你给黑色区域设置个 overflow:hidden就行了
黑色区域相当于屏幕 超出的部分就是隐藏掉 你给黑色区域设置个 overflow:hidden就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
AiPPT
2024-09-19 广告
2024-09-19 广告
随着AI技术的飞速发展,如今市面上涌现了许多实用易操作的AI生成工具1、简介:AiPPT: 这款AI工具智能理解用户输入的主题,提供“AI智能生成”和“导入本地大纲”的选项,生成的PPT内容丰富多样,可自由编辑和添加元素,图表类型包括柱状图...
点击进入详情页
本回答由AiPPT提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询