人形时钟和小仓鼠的代码

人形时钟

小仓鼠

1.当你长时间不理它的时候，它会安安静静地睡觉。

2.它会随着你的鼠标移动而移动。

3.点击空白处，可以喂栗子给它。

4.当你不理它的时候，它有时会在仓鼠轮里面拼命地跑步，有时不知道要干什么。

5.跑步累了或是栗子吃多了，它就会去喝水。

通过修改width和height值的大小，可以改变插件的大小。

还有其他一些好玩的可以在大牛的网站上找到(http://abowman.com/google-modules/)

虽然这些都是flash动画而在最新的chrome是以h5为默认，但flash还需比较长的一段时间才会被h5所替代。

百度分享代码（浮窗）

更多分享代码可访问http://share.baidu.com/。

IP地址代码

//站长之家

//搜狐接口

//1616

//126(地址)

flagcounter

下雪代码

<script>
(function($){$.fn.snow=function(options){var $flake=$('<div id="flake" />').css({'position':'absolute','top':'-50px'}).html('❄'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);
$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#FFF' });
</script>

小火箭代码

<!--返回顶部-->
<script src="http://cdn.bootcss.com/gsap/1.19.0/TweenMax.min.js"></script>
<script src="http://cdn.bootcss.com/gsap/1.19.0/plugins/ScrollToPlugin.min.js"></script>
<div id="shangxia2">
  <span id="gotop">
    <img src="http://static.mydearest.cn/img/rocket.svg" alt="返回顶部小火箭">
  </span>
</div>
<script>
$(window).scroll(function () {
        if ($(this).scrollTop() > 400) {   //scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
            $('#gotop').fadeIn();  
        } else {
            $('#gotop').fadeOut();
        }
});
$("#gotop").click(function(e) {
   TweenMax.to(window, 1.5, {scrollTo:0, ease: Expo.easeInOut});
   var huojian = new TimelineLite();
    huojian.to("#gotop", 1, {rotationY:720, scale:0.6, y:"+=40", ease:  Power4.easeOut})
    .to("#gotop", 1, {y:-1000, opacity:0, ease:  Power4.easeOut}, 0.6)
    .to("#gotop", 1, {y:0, rotationY:0, opacity:1, scale:1, ease: Expo.easeOut, clearProps: "all"}, "1.4");
});   
</script>

/* 小火箭css */
#gotop {
    display:none;
    width: 80px;
    position: fixed;
    bottom: 90px;
    cursor: pointer;
    z-index: 99998;
    right: 50%;
    margin-right: -620px;
}
  
/* 小火箭悬停特效 */
  
#gotop:hover {
    animation: rubberBand 1s;
}
  
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  
  65% {
    transform: scale3d(.95, 1.05, 1);
  }
  
  75% {
    transform: scale3d(1.05, .95, 1);
  }
  
  to {
    transform: scale3d(1, 1, 1);
  }
}