最代码广告位
FlyHeLanMan的gravatar头像
FlyHeLanMan2015-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
顶部客服微信二维码底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友