
使用方法:
css:
<link href="css/timeline.css" type="text/css" rel="stylesheet" />
js:
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/timeline-min.js"></script>
html:
用title来控制是在日历的哪一天,class用作跳出的标题使用,标签包含的是内容。
<div id="wrap">
<div id="timeline">
<ul>
<li class="July first, don't forget!" title="Wed Jul 1 2015">
Microsoft wants to buy yahoo. What do you think?
</li>
<li class="Idependance Day" title="Sat Jul 4 2015">
Happy independance day America
</li>
<li class="Jenny's B'day" title="Sun Jul 19 2015">
Must get the biggest toy I can to make Jenny really happy :)
</li>
<li class="American Pie 4 is coming out" title="Thu Jul 23 2015">
We really need to watch this movie. The ratings are so high!
</li>
<li class="DenonStudio is shows off the new Timeline calendar" title="Wed Jul 22 2015">
This script is really hot. Can't wait to have it
</li>
<li class="ThemeForest launches the JavaScript component" title="Fri Jul 31 2015">
Make sure to check regularly for hot new scripts
</li>
<li class="Dentist appointment" title="Wed Jul 22 2015">
4:35 pm. Make sure not to eat anything for the last 24 hours. Got I hope
I don't die :|
</li>
</ul>
</div>
</div>
搜索发现
-
1
-
2
-
3
- 4 jQuery nav导航(原创)
- 5 轮菜单
- 6 简易使用的导航栏
- 7 类似于Jquery的JS下拉菜单
- 8 jQuery树形组件(原创)
- 9 仿今日头条App顶部导航点击可居中(优化版)
- 10 jQuery仿flash导航代码
- 11 paging 分页插件
- 12 简易的动态生成表格和分页效果(原创)
- 13 jQuery分页插件jQuery.pager.js
- 14 css3回转菜单
- 15 jQuery水平方向菜单导航条 滑块伴随鼠标移动(原创)
-
1
仿浏览器主页搜索(原创)10550
-
2
angularjs日期选择插件10470
-
3
vue2.0实现全选,全不选。10462
- 4 jQuery QWERTY软键盘插件Virtual Keyboard
- 5 js汉字转拼音
- 6 jQuery环型进度倒计时
- 7 jquery表单验证插件form_validation.js
- 8 vue移动端优惠券模板
- 9 前端MD5加密插件md5.pro.js
- 10 jQuery多功能网页键盘插件
- 11 jQuery实现汉字转拼音的插件
- 12 jQuery拖拽插件Magnet.js
- 13 jQuery输入框数值加减调整插件
- 14 vue购物结算页面模板
- 15 jQuery倒计时插件countdown.js