b1njTimeline

KO | EN

gitlite — search

#hacktoberfest #ai #android #machine-learning #linux #docker #macos #java #awesome #kubernetes #awesome-list #security #mcp #open-source

(★ 20)

Simple Timeline css/javascript

b1njTimeline 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

B1nj Timeline
========================

**[Demo]**

B1nj Timeline is a very simple jQuery plugin. The event is automatically placed on the timeline.

![Timeline](http://www.b1nj.fr/blog/public/b1nj-timeline.jpg)

## Getting Started

Include Css, html and script jQuery, moment, plugin on a page. This is all.

**CSS**

```html
<link rel="stylesheet" media="screen" href="css/b1njTimeline.css">
```

**HTML**

```html
<ol id="timeline">
    <li>
        <time datetime="1991-10-01">July 1995</time>
        <p>Naissance</p>
        <div class="description">
            <p>Description...</p>
        </div>
    </li>
    <li>
        <time datetime="1994-10">Septembre 1999</time>
        <p>Rentrée des classes !</p>
    </li>
</ol>
```
Format date is YYYY-MM-DD. Date before Jesus Christ d'ont work.

**jQuery**

```html
<script src="jquery.js"></script>
<script src="moment.min.js"></script>
<script src="jquery.b1njTimeline.js"></script>
<script>
    $(function() {
        $('#timeline').b1njTimeline({
            'height' : 600
        });
    });
</script>
```
You must adjust manually the height of timeline width the param height.

Design by and css inspired [@csswizardry HTML/CSS timeline]

[Demo]: http://www.b1nj.fr/tests/b1njTimeline/
[@csswizardry HTML/CSS timeline]: http://csswizardry.com/2011/03/coding-up-a-semantic-lean-timeline/

b1njTimeline

b1njTimeline 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

b1njTimeline

b1njTimeline 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README