FlyHeLanMan的gravatar头像
FlyHeLanMan 2015-02-10 15:11:17

jquery开发实现时光轴网页效果源码分享,类似QQ空间的时光轴特效

国际惯例先发图:

官网提供了两种演示效果如下:

jquery开发实现时光轴网页效果源码分享,类似QQ空间的时光轴特效

jquery开发实现时光轴网页效果源码分享,类似QQ空间的时光轴特效

首先放出官网地址,我只是发现了这个控件(暂且说是个控件吧):http://www.dowebok.com/42.html

没有币的同学可以在这里下载,当然我也把官网的包原封不动的放上来,土豪可以在这里下载,里面有我自己测试的web工程,Eclipse导入可用,大牛勿喷哦~

下面说一下我自己测试的注意的一些点:

1、官网下载下来的img里面有一张图片main_img.png,如果想在自己的web工程里实现这个效果一定要把这个图片加进去,否则时光轴定义的事件没有那个小灰点的提示。

2、js函数里面需要注意的:如果使用官网第二种演示,即要显示图片,那么,以你要点击第一个事件显示第一张图片为例,第一个事件的id为2那么图片的名字也必须是2.jpg,保持一致即可,同时,貌似,好像,要显示的图片只支持jpg。

本人技术有限,菜鸟一枚,懂的不多,如果有什么说的不对,欢迎指正撒!


最代码官方编辑于2015-8-27 23:46:53


打赏

文件名:官网包+自己实例.rar,文件大小:1206.535K 下载
  • /
      • /timeline
        • /timeline/.classpath
        • /timeline/.project
          • /timeline/.settings
            • /timeline/.settings/.jsdtscope
            • /timeline/.settings/org.eclipse.jdt.core.prefs
            • /timeline/.settings/org.eclipse.wst.common.component
            • /timeline/.settings/org.eclipse.wst.common.project.facet.core.xml
            • /timeline/.settings/org.eclipse.wst.jsdt.ui.superType.container
            • /timeline/.settings/org.eclipse.wst.jsdt.ui.superType.name
          • /timeline/WebContent
              • /timeline/WebContent/css
                • /timeline/WebContent/css/jquery.jqtimeline.css
                • /timeline/WebContent/css/main.css
最代码最近下载分享源代码列表最近下载
_M*  LV11 2021年5月12日
lw19900921  LV25 2019年5月20日
mianmian42  LV2 2019年5月15日
jessie2016  LV1 2016年7月18日
若如初见9  LV1 2016年5月7日
特效哥  LV1 2016年2月17日
Maybe  LV14 2015年12月31日
huaying520  LV1 2015年8月8日
a1234a  LV1 2015年6月10日
sulei1324  LV1 2015年3月6日
最代码最近浏览分享源代码列表最近浏览
北方农夫  LV1 8月31日
undoing 8月19日
暂无贡献等级
loverzhao  LV14 3月19日
dgfdfg5 1月12日
暂无贡献等级
town123  LV1 1月6日
qiyrt1  LV3 2023年12月7日
想躺平学习  LV1 2023年10月11日
painkillerll  LV1 2023年6月17日
zhihaode 2023年5月21日
暂无贡献等级
大妙1111  LV1 2023年5月6日
顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友