资讯频道 → Web前端
阅读更多

7顶
1踩

Web前端

翻译新闻 10 款基于jQuery/JavaScript的圣诞主题效果

2011-12-08 17:33 by 正式编辑 sherry617 评论(4) 有9285人浏览
javascript jQuery css 圣诞动画
圣诞节快到了，赶快为你的网站打扮一番，换上节日的盛装吧！本文为你整理了10款使用jQuery和 JavaScript打造的圣诞主题效果，希望能给你带来些许惊喜。（PS：经过小编测试，下面的部分效果仅支持IE浏览器）

1.倒计时数字钟

设计一个JavaScript圣诞倒计时数字时钟，这个数字钟利用网站访问者的计算机上的时间来进行倒计时，因此这个脚本非常灵活，可以根据不同的时区设置对应的时间。



源码 / 演示

2.闪烁的彩灯

在网页中展示彩灯效果，你只需要把下面链接中的代码粘贴到网页的HTML中即可。



源码/演示

3.谷歌的圣诞涂鸦

随着圣诞节的临近，我们应将精力从丰盛的晚餐转移到一些更有意义的事情上，这样才能保持好身材。因此，让我们试试用jQuery和CSS创建谷歌的动画logo！



源码 / 演示

4.雪花效果

用这个超棒的动画效果装饰你的网站吧！雪花在页面中轻轻飘下，直至消失。雪花只是这个脚本支持的图案之一，你也可以使用其他图案。



源码/演示

5.暴风雪效果

暴风雪是一个基于JavaScript的雪花效果，很容易添加到网页上，且免费使用、易于设置。一段JavaScript代码就包含了所需功能，不需要任何图片。



源码/演示

6.jQuery飘雪效果升级版（添加了雪堆积效果）

添加雪堆积效果插件后，你可以通过jQuery选择器来把雪收集到顶部。其使用了canvas标签，只支持IE8以上的浏览器。



源码 / 演示

7.发光的圣诞树

这段JavaScript代码将根据随机的灯光位置生成随机大小的圣诞树。



源码/演示

8.圣诞老人鼠标跟随效果

这是一个很棒的圣诞主题鼠标跟随效果，圣诞老人跟随你的鼠标移动，而且无论他去哪里，身后还会留下自己的小图像。这个神奇的鼠标跟随效果将使你的圣诞页面更加出彩。



源码/演示

9.浮动的圣诞滚动条

用JavaScript创建一个浮动的圣诞滚动灯箱，其中还有飘雪动画和吸引眼球的横向走马灯滚动文字。



源码/演示

10.ASCII码圣诞树动画

使用这段JavaScript代码可以创建一个ASCII码圣诞树动画。



源码/演示

英文原文：10 jQuery and JavaScript Christmas Effects
  • 大小: 62.9 KB
  • 大小: 60.3 KB
  • 大小: 84.1 KB
  • 大小: 59.3 KB
  • 大小: 46.3 KB
  • 大小: 41.2 KB
  • 大小: 55.6 KB
  • 大小: 54 KB
  • 大小: 64.5 KB
  • 大小: 48.8 KB
7
顶
1
踩
评论 共 4 条 请登录后发表评论
4 楼 gu_sofia 2011-12-09 18:11
难看死了   
3 楼 iwgang 2011-12-09 16:10
  那个堆雪的还不错。
2 楼 shuai1234 2011-12-09 14:39
很一班。。。。
1 楼 hngmduyi 2011-12-09 11:56
  怪美。。。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • jquery制作酷炫圣诞主题首页

    jquery制作酷炫圣诞主题首页，涵盖飘雪效果制作、轮播图制作、滚动字幕制作

  • 10 个jQuery/JavaScript的圣诞主题效果

    本文为你整理了10款使用jQuery和 JavaScript打造的圣诞主题效果，希望能给你带来些许惊喜。（PS：经过小编测试，下面的部分效果仅支持IE浏览器） 1.倒计时数字钟 设计一个JavaScript圣诞倒计时数字时钟，这个数字...

  • jquery实现的圣诞节动画效果

    jquery实现的圣诞节动画效果

  • 10种jQuery和JavaScript圣诞效果

    圣诞节（再次）指日可待，已等待了那么久吗？... JavaScript的圣诞倒计时数字时钟 在这篇文章中，我们要设计使用访问者的计算机的时候一个JavaScript圣诞倒计时数字时钟递减计数到圣诞活动。 这个脚本是非常灵...

  • 使用jQuery加布局方式画一棵圣诞树，带闪烁霓虹灯效果

    2、适合使用jQuery锻炼实现前端效果小伙伴 3、锻炼css+div布局实现绘制一棵圣诞树，通过箭头方式布局绘制 4、使用jQuery实现闪烁霓虹灯效果 5、javascript随机函数的使用 6、RGB颜色值，通过随机方式生成

  • adventcalendar:交互式JavaScriptjQuery Advent日历

    2020年圣诞节降临日历使用HTML，CSS，JavaScript / jQuery和引导程序制作的交互式降临日历。 旨在在2020年圣诞节期间为一个小男孩加油！ 使用github页面进行部署，可。

  • javascript写3D的圣诞树javascript写3D的圣诞树

    javascript写3D的圣诞树javascript写3D的圣诞树javascript写3D的圣诞树javascript写3D的圣诞树javascript写3D的圣诞树

  • javascript制作动态圣诞节下雪场景

    动态圣诞节下雪场景是一个非常受欢迎的...该资源运用了jquery,ui框架使用bootstrap，下雪动画效果使用canvas生成，树的活动使用代码css样式实现，圣诞树以及祝福语都来源图图片，可随时替换成自己喜欢的树或祝福语。

  • jQuery页面下雪效果(支持IE7+，圣诞节专用

    圣诞下雪效果，依赖jQuery，支持ie7以上的浏览器

  • 前端 - 前端三剑客绘制一幅《圣诞节快乐》交互祝福效果

    很高兴这次我们又能一起度过~ 这个想法也是之前一直想制作一个有交互性的圣诞快乐祝福网页，一直没有时间去实现，正好趁着这次活动来满足下自己的小小的愿望哈~利用前端三剑客绘制一幅《圣诞节快乐》交互祝福效果噢~

  • 圣诞树的雪花飘飘（结尾附源码）

    本文关键字：圣诞节、雪花、圣诞树、动画、前端。又是一年圣诞节，刚好赶上周末，狠狠的休息了两天。节日过了之后才起来看一下有没有什么活动，还好持续周期比较长，赶上年末，好些活动的时间都重叠在了一起。作为...

  • 2021年圣诞节唯美下雪网页特效.zip

    2021年圣诞节唯美下雪网页特效.zip

  • 2022圣诞代码合集(圣诞树+圣诞老人)

    圣诞节里的喜悦，飘扬万里；圣诞树上的星星，璀璨耀眼；...借着圣诞节到来的美好氛围，今天给大家分享几个好玩的圣诞节主题前端代码，源码仅供学习，我们也可以分享给好朋友，和好朋友度过一个开心的圣诞哦！

  • html5微信游戏圣诞老人过桥源码.zip

    html5微信游戏圣诞老人过桥源码.zip

  • 2013圣诞礼盒破裂HTML5特效.zip

    2013圣诞礼盒破裂HTML5特效.zip

  • html5 canvas圣诞雪花网页背景代码.zip

    html5 canvas圣诞雪花网页背景代码.zip

  • CSS3实现圣诞雪人动画特效代码.zip

    CSS3实现圣诞雪人动画特效代码.zip

  • jquery 圣诞节雪花特效代码

    jquery 圣诞节雪花特效代码

  • 人类预期寿命数据（世界各国）1960-2022年.xlsx

    介绍 人类预期寿命是指在特定年龄出生的人群，按照当前的死亡率水平，预期平均能够存活的年数。预期寿命衡量一个国家和地区卫生健康状况、社会经济发展水平和生活条件的重要参数 数据来源为世界银行、第四-七次全国人口普查数据 ## 一、人类预期寿命趋势 2022年，全球人类预期平均寿命为72岁。其中女性为74.5岁，男性为69.6岁 世界银行的数据显示，1960-2022年期间，人类预期寿命整体呈上升趋势。随着医疗技术的进步、公共卫生的改善、营养条件的提升以及生活方式的改变，这62年间，人类平均预期寿命提升了21岁。受到新冠疫情的影响，2021年，预期寿命有所下降，但在2022年有所回升

Global site tag (gtag.js) - Google Analytics