非常酷JS动态日历

所属分类:输入-日期和时间

 33993  292  查看评论 (1)
分享到微信朋友圈
X
非常酷JS动态日历 ie兼容6

使用方法:

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>
相关插件-日期和时间

jQuery定时器自动版

可以定时1~60分钟,定时结束播放音乐
  日期和时间
 28275  301

canvas时钟

canvas绘制时钟,代码结构清晰易懂
  日期和时间
 31826  398

选择生日,弹出框pc插件可直接输入,可上下移动,成功有回调

插件是非要弄成一样的效果,无奈写了1个,原创作品作者分享给大家看下
  日期和时间
 27604  297

es5倒计时插件

es6编译的es5倒计时插件,支持回调函数。
  日期和时间
 24539  291

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    小右 0
    2015/12/2 13:12:03

    如果自定义几个日期 能把自定义的日期也变成绿色吗

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复