知识大全 仿谷歌主页js动画效果实现代码
Posted 知
篇首语：宁打金钟一下，不打破鼓千声。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 仿谷歌主页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" ></div> <a id="start" href="javascript:void( )">动起来吧！</a> </body> </> cha138/Article/program/Java/JSP/201311/20275相关参考
本文为大家介绍下js如何实现展开闭合效果具体代码如下感兴趣的朋友可以参考下哈希望对大家有所帮助 复制代码代码如下:<!DOCTYPEPUBLIC"//WC//DTDXHTMLTrans
悬浮效果想必大家都不陌生吧本文为大家介绍下使用js固定悬浮的实现思路及代码感兴趣的朋友可以参考下 复制代码代码如下:cha138/Article/program/Java/Java
JS特效代码--一个很Cool的JS菜单效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！ &l
这篇文章介绍了js下拉框二级关联菜单效果代码具体实现有需要的朋友可以参考一下 复制代码代码如下: <!DOCTYPEPUBLIC"//WC//DTDXHTMLTransiti
本文为大家介绍下使用js仿新浪微博登陆邮箱提示效果具体实现代码如下感兴趣的朋友可以参考下希望对大家有所帮组 复制代码代码如下:cha138/Article/program/Java
第一次靠自己完整的封装的小特效有点小小的兴奋和大家分享下希望能对和我一样在探索的童鞋们有点帮助js部分复制代码代码如下:varshow_obj=function(objatob)$(obj)bin
知识大全 JS特效代码--仿windows xp左侧菜单效果
JS特效代码--仿windowsxp左侧菜单效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！
<xmlns="<head> <metaequiv="ContentType"content="text/;charset=gb"/> <tit
这篇文章介绍了在JS中广告漂浮效果的实现代码有需要的朋友可以参考一下 复制代码代码如下: <><head><metaequiv="ContentType"co
这篇文章介绍了几种JS的动态效果实例有需要的朋友可以参考一下 复制代码代码如下:<!DOCTYPEPUBLIC"//WC//DTDHTMLTransitional//EN""<&