zoukankan      html  css  js  c++  java
  • 7 Beautiful Web Based Timeline Using Javascript and CSS

    http://www.webdeveloperjuice.com/2011/09/28/7-beautiful-web-based-timeline-using-javascript-and-css/

     

     

    A timeline is a way of displaying a list of events in chronological order, sometimes described as a project artifact . It is typically a graphic design showing a long bar labeled with dates alongside itself and (usually) events labeled on points where they would have happened.
    Here is the collection of 7 cool web based timelines which can blew away your mind.

    1. Simile Widgets

    With this widget, you can make beautiful interactive timelines like the one below. Try dragging it horizontally or using your mouse-wheel. Click on each event for more details.

    .

    2. Timeglider

    Timeglider JS is a zooming, panning data-driven timeline widget written in Javascript— great for history projects, project planning, and more. The timeline can be zoomed by dragging the vertical slider at right: up for zooming in (less time shown) and down for zooming out (more time shown). The mousewheel also works as a zoom controller.

     

    .

    3. Woorktuts

    .

    4. Tiki Toki

    TikiToki is a web app that makes it dead easy for people to create interactive multimedia timelines in their browsers. Images, text and even videos (YouTube, Vimeo and AVIs) can be embedded in TikiToki timelines.

    .

    5. Google 10 Year Timeline

    .

    6. Bluelinemedia Timeline

    .

    7. Pure Css Timeline

    Simple and clean looking timeline with some very straight forward markup. This is a approach to creating a timeline out of CSS and HTML which results in a nice looking, simple timeline.

    .

  • 相关阅读:
    Python经典算法-快速幂
    HTML/CSS代码片段
    JavaScript代码片段
    全选、全不选、反选
    NodeJS入门
    Ajax入门
    伪协议触发onbeforeunload
    CSS优先级、引入方式、Hack
    iframe的操作
    四:JAVA 消息队列(blockingqueue)的应用
  • 原文地址:https://www.cnblogs.com/yqskj/p/2843179.html
Copyright © 2011-2022 走看看