2012年4月22日，google发布动态logo，纪念第43个世界地球日 严格来说 这不算是动态涂鸦，只是轮播图片而已，不过看在图片还比较漂亮的份上，还是把图抠下来了，JS代码只有几行，下载地址最下方 http://i.sm5.cc/logos/google20120422/google.html 下面是说明： 世界地球日即每年的4月22日，是一项世界性的环境保护活动。该活动最初在1970年的美国由[盖洛德·尼尔森]和[丹尼斯·海斯]发起，随后影响越来越大。活动旨在唤起人类爱护地球、保护家园的意识，促进资源开发与环境保护的协调发展，进而改善地球的整体环境. 最初的地球日选择在春分节气，这一天在全世界的任何一个角落昼夜时长均相等，阳光可以同时照耀在南极点和北极点上，这代表了世界的平等，同时也象征着人类要抛开彼此间的争议和不同，和谐共存。传统上在很多国家都有庆祝春分节气的传统。早期联合国也在每年的春分举行世界地球日的活动。 下载地址: http://i.sm5.cc/logos/google20120422/google.zip

js检测是否同时按住ctrl键和回车键代码 document.onkeydown = function() { var oEvent = window.event; if (oEvent.ctrlKey && (oEvent.keyCode == 13)) { alert(‘你按下了ctrl键和回车键’); } }

期待已久的谷歌再次发威了，又推出了动态doodles，这次的涂鸦是一个跑马灯效果以纪念埃德沃德·迈布里奇182周年诞辰。这个动态logo来自于埃德沃德·迈布里奇的知名作品——《运动的马》，当用户点击中间黄色的按钮时，整个logo就将呈现一个骑马的动态效果。 埃德沃德·迈布里奇是动态摄影的开创者，对电影艺术的发展也做出了重大的贡献。 在线演示 http://i.sm5.cc/logos/google20120409/Google.html 源代码下载 http://i.sm5.cc/logos/google20120409/Google.zip

以前一直用的fushion charts,后来懒洋洋推荐了一款JS图表工具,开始以为比flash图表要弱一些,但用了才发现功能一点不比flash弱,甚至很多地方还要好些,而且界面也非常漂亮,至少不点右键很难发现是JS画出来的,于是马上换成了JS图表 ,感觉好多了 演示地址: http://top.pctowap.com  点击任意一个链接 特性 Highcharts是一个制作图表的纯Javascript类库，主要特性如下： 兼容性：兼容当今所有的浏览器，包括iPhone、IE和火狐等等； 对个人用户完全免费； 纯JS，无BS； 支持大部分的图表类型：直线图，曲线图、区域图、区域曲线图、柱状图、饼装图、散布图； 跨语言：不管是PHP、Asp.net还是Java都可以使用，它只需要三个文件：一个是Highcharts的核心文件highcharts.js，还有a canvas emulator for IE和Jquery类库或者MooTools类库； 提示功能：鼠标移动到图表的某一点上有提示信息； 放大功能：选中图表部分放大，近距离观察图表； 易用性：无需要特殊的开发技能，只需要设置一下选项就可以制作适合自己的图表； 时间轴：可以精确到毫秒； 我认为higncharts比flash图表(比如fushion charts)好的理由: 功能强大,对比功能出色,而flash图表基本没有 兼容性很强,flash图表很漂亮,但手机上打开就悲剧了 完全免费 漂亮…… 不用加载flash(本人和乔布斯一样 比较讨厌flash)……   下载地址 http://www.highcharts.com/   国外网站 你懂的 打开有点慢

从老外的网站上找的,既适合一般网站也适合wordpress,调用方式查看源码就明白了. 演示: http://i.sm5.cc/logos/js-cumulus/index.html 下载地址: http://i.sm5.cc/logos/js-cumulus/js-cumulus.zip

在各种HTML元素中,select选项卡大概是最不容易美化的对象了,尽管使用了大量的CSS仍然难以使下拉框变得更漂亮,不过却可以采用其他方法,通过jquery+css伪造select下拉框,来让你的下拉框根据需要而变化. 效果演示 http://i.sm5.cc/logos/select/select.html 这个简洁的下拉框实际上并没有采用select元素,而是通过css div和图片来”画”出一个漂亮的下拉框,再通过jquery使这个假的select联动起来,在用户看来就成了一个漂亮的下拉框了,如果不查看源代码,很难发现这个不是select表单   当然了 由于不是真正的下拉框,当表单提交时无法获取到值,所以必须再加上一个隐藏文本框 <input type=”hidden” id=”select” name=”select” /> 当选中事件发生时给文本框赋值 提交表单时文本框的值即为下拉框的值 下载地址:   http://i.sm5.cc/logos/select/select.zip

百度搜索首页LOGO 搜狗搜索首页LOGO   有道搜索首页LOGO                     bing搜索首页LOGO                     搜搜首页LOGO  

搜狗的做法越来越像谷歌了，这几次重大节日也都开始在LOGO上花心思。这次的情人节LOGO，搜狗推出的是一个HTML5小游戏。 用鼠标左键点击绽放的玫瑰花来收获爱情，红玫瑰1分/朵，蓝玫瑰2分/朵，时间共30秒。摘到玫瑰以外的其它植物是会被扣分的。 最后根据摘得的玫瑰数量，系统会自己匹配给出一个爱情象征人物。 http://i.sm5.cc/logos/sogou20120214/i.html 下载地址:http://i.sm5.cc/logos/sogou20120214.zip

分别是GOOGLE logo,百度logo,必应logo,搜搜logo,有道logo,即刻logo,搜狗logo 这次搜狗比较给力,情人节使用jquery做了收获爱情小游戏,如果有想玩或想下载这个小游戏的朋友,请猛击这里

今天 百度LOGO突破性的没有使用gif  没有使用flash ,而是仿照谷歌采用了js+css动态涂鸦,如下 http://i.sm5.cc/logos/baidu20120122/BAIDU.html 下载地址:http://i.sm5.cc/logos/baidu20120122/baidu20120122.zip 刚开始看的时候觉得很新奇,毕竟是第一次看到百度JS logo,不过下下来发现真正有用的就一个JS文件,简单分析了下,发现原来很简单,就是用js追踪鼠标位置,把图片组合成龙身,就成了游动的龙,比起谷歌涂鸦来还有不小的差距,不过作为第一次尝试,也值得鼓励了,期待以后百度会有更好的表现. 另外再附赠一个恶搞龙年logo http://i.sm5.cc/logos/baidu20120122/fun/BAIDU.html