![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js实例操作
文章平均质量分 64
爱吃番茄的西红柿
这个作者很懒,什么都没留下…
展开
-
倒计时(高考)实例
timeShow 距离高考还剩haha天 window.onload = function(){ var now = new Date(); var goalDay = new Date("2017,6,7"); var day = goalDay.getTime() - now.getTime(); var result = Math.ceil原创 2016-02-16 12:06:56 · 884 阅读 · 0 评论 -
实现电子时钟效果
timeShowhahawindow.onload = function(){showTime();}function showTime(){var myDate = new Date(); var year = myDate.getFullYear();var month = myDate.getMonth() + 1;var date = m原创 2016-02-16 10:11:07 · 760 阅读 · 0 评论 -
倒计时(团购)
1、用setTimeout方法实现: timeShow 距离团购结束还有haha window.onload = function(){ showTime(); } function showTime(){ var nowtime = new Date(); var deadline = new Date("2016/2/20,12:原创 2016-02-16 13:48:15 · 311 阅读 · 0 评论 -
js动画(1)——速度动画
body{ margin: 0px; padding: 0px; } .red{ background-color:red; width:200px; height:200px; position:relative; left:-200px; top:0px; } .blue{ background:blue; wi原创 2016-02-18 16:16:29 · 634 阅读 · 0 评论 -
js动画(2)——透明度动画
透明度变化效果 body{ margin: 0px; padding: 0px; } .redb{ width:200px; height: 200px; background: red; filter:alpha(opacity=30); opacity: 0.3; } window.onload原创 2016-02-18 21:43:26 · 607 阅读 · 0 评论 -
js动画(3)——缓冲动画
body{ margin: 0px; padding: 0px; } .red{ background-color:red; width:200px; height:200px; pos原创 2016-02-18 22:21:15 · 476 阅读 · 0 评论 -
js动画(4)——多物体运动
body,ul{ margin: 0px; padding: 0px; } li{ list-style: none; margin-bottom: 30px; } ul{ margin-top: 30px; } .rbar{ width: 200px; height: 50px; background: pink; }原创 2016-02-19 14:16:29 · 448 阅读 · 0 评论