爱学记
您现在的位置是：首页
>
谷歌浏览器关闭当前页面js 仿谷歌主页js动画效果实现代码
仿谷歌主页j 动画效果实现代码 昨天看到谷歌的主页上出现了几个动画 发现不是fla h做的 而是用j +图片实现的！今天把拷贝到的图片 用j 实现了动画效果！ 源代码复制代码 代码如下: lt !
仿谷歌主页js动画效果实现代码
昨天看到谷歌的主页上出现了几个动画 发现不是flash做的 而是用js+图片实现的！今天把拷贝到的图片 用js实现了动画效果！
源代码
复制代码 代码如下: <!DOCTYPE PUBLIC " //W C//DTD XHTML Transitional//EN" " < xmlns=" <head> <meta equiv="Content Type" content="text/; charset=utf " /> <title>谷歌主页动画</title> <style type=text/css> animate{ height: px; width: px; background:url(images/gumby gumby jpg) no repeat; background position: px center; } </style> <script type=text/javascript src= <script type=text/javascript"> $(function(){ var offset=; $( #start ) click(function(){ var timer=setInterval(function(){ offset +=; $( #animate ) css({ background position :offset + px center }); if(offset > ){ clearInterval(timer); } } ); $(this) hide(); }); }); </script> </head> <body> <div id="animate" class="animate"></div> <a id="start" href="javascript:void( )">动起来吧！</a> </body> </> lishixinzhi/Article/program/Java/JSP/201311/20275 很赞哦！ (1055)
微信收款码
支付宝收款码