仿谷歌的弹性效果菜单代码.docx

2、homepage.css

body{font:

62.5%Gulim,arial,sans-serif,verdana;height:

100%;line-height:

1.4em;margin:

0;padding:

0;}

table{margin:

0auto;border-collapse:

collapse;}

td{text-align:

center;padding:

0;margin:

0;}

form{margin:

0;}

.bgpa,.bgpspan{display:

block;cursor:

pointer;}

.bgp.bgp-fr{margin:

0auto;}

#wrapper{text-align:

center;font-size:

1.3em;}

a:

link,a:

active,a:

visited{color:

#444;text-decoration:

none;}

a:

hover{color:

#0000CC;text-decoration:

underline;}

#svc-toolbar{margin:

2emauto1.5emauto;}

#svc-toolbar.bgp-fr{width:

52px;height:

37px;margin-bottom:

.5em;}

#svc-toolbartd{font-size:

.9em;padding:

0.35em0.4em;}

/*提示边框*/

.ttm{position:

absolute;font-size:

1.2em;top:

0;left:

0;z-index:

2;background:

#fff;}

.ttl{margin:

01px;height:

1px;overflow:

hidden;font-size:

0;background-color:

red;}

.ttc{text-align:

center;border-left:

1pxsolidred;border-right:

1pxsolidred;}

.tt-text{margin:

0auto;white-space:

nowrap;padding:

.2em00;}

.ttdc{height:

1px;overflow:

hidden;}

.ttdl,.ttdr{width:

1px;height:

1px;filter:

alpha（opacity=75）;-moz-opacity:

0.75;opacity:

0.75;float:

left;}

.ttdr{float:

right;}

.ttvc{height:

4px;}

.ttv{position:

relative;top:

-1px;z-index:

3;width:

8px;height:

4px;overflow:

hidden;margin:

0auto;}

/*单元一流素材网*/

#a1-i.bgp-fr{background-position:

00;}

#a1-i:

hover{color:

#ea0000;}

#a1-i-tt.ttl,#a1-i-tt.ttdl,#a1-i-tt.ttdr{background-color:

#ea0000;}

#a1-i-tt.ttc{border-color:

#ea0000;}

#a1-i-tt.ttv{background-position:

-364px0px;}

#a2-i.bgp-fr{background-position:

0-37px;}

#a2-i:

hover{color:

#0d53a4;}

#a2-i-tt.ttl,#a2-i-tt.ttdl,#a2-i-tt.ttdr{background-color:

#0d53a4;}

#a2-i-tt.ttc{border-color:

#0d53a4;}

#a2-i-tt.ttv{background-position:

-364px-37px;}

#a3-i.bgp-fr{background-position:

0-74px;}

#a3-i:

hover{color:

#878787;}

#a3-i-tt.ttl,#a3-i-tt.ttdl,#a3-i-tt.ttdr{background-color:

#878787;}

#a3-i-tt.ttc{border-color:

#878787;}

#a3-i-tt.ttv{background-position:

-364px-74px;}

#a4-i.bgp-fr{background-position:

0-111px;}

#a4-i:

hover{color:

#1da745;}

#a4-i-tt.ttl,#a4-i-tt.ttdl,#a4-i-tt.ttdr{background-color:

#1da745;}

#a4-i-tt.ttc{border-color:

#1da745;}

#a4-i-tt.ttv{background-position:

-364px-111px;}

#a5-i.bgp-fr{background-position:

0-148px;}

#a5-i:

hover{color:

#9e7eb9;}

#a5-i-tt.ttl,#a5-i-tt.ttdl,#a5-i-tt.ttdr{background-color:

#9e7eb9;}

#a5-i-tt.ttc{border-color:

#9e7eb9;}

#a5-i-tt.ttv{background-position:

-364px-148px;}

#a6-i.bgp-fr{background-position:

0-185px;}

#a6-i:

hover{color:

#ffb400;}

#a6-i-tt.ttl,#a6-i-tt.ttdl,#a6-i-tt.ttdr{background-color:

#ffb400;}

#a6-i-tt.ttc{border-color:

#ffb400;}

#a6-i-tt.ttv{background-position:

-364px-185px;}

#a7-i.bgp-fr{background-position:

0-222px;}

#a7-i:

hover{color:

#3aa4df;}

#a7-i-tt.ttl,#a7-i-tt.ttdl,#a7-i-tt.ttdr{background-color:

#3aa4df;}

#a7-i-tt.ttc{border-color:

#3aa4df;}

#a7-i-tt.ttv{background-position:

-364px-222px;}

3、homepage.js

varv=window,ma=Function,$=navigator,u=Number,J=Error,R=document,la=Boolean,o=Math,S=isNaN,m=undefined;functionpa（a,b）{returna.height=b}functionra（a,b）{returna.relatedTarget=b}functionV（a,b）{returna.currentTarget=b}functionea（a,b）{returna.toString=b}functionqa（a,b）{returna.left=b}functionW（a,b）{returna.width=b}varOa="document",L="height",za="slice",na="offsetLeft",B="relatedTarget",K="currentTarget",ba="offsetTop",da="target",i="length",ca="play",w="type",kb="firstChild",_P="prototype",ya="nodeType",k="style",aa="left",D="width",U="parentNode",oa="offsetWidth",xa="body",lb=lb||{},I=this;varl=function（a）{returntypeofa!

="undefined"},O=function（a）{returnainstanceofArray||va（a）&&typeofa.join=="function"&&typeofa.reverse=="function"},wa=function（a）{returntypeofa=="string"},db=function（a）{returntypeofa=="number"},cb=function（a）{returntypeofa=="function"},va=function（a）{returna!

=null&&typeofa=="object"},A=function（a）{if（a.hasOwnProperty&&a.hasOwnProperty（fa））{returna[fa]}if（!

a[fa]）{a[fa]=String（++Pb）}returna[fa]},fa="closure_hashCode_",Pb=0,sb=function（a）{if（va（a））{if（a.clone）{returna.clone（）}varb=O（a）?

[]:

{};for（varcina）{b[c]=sb（a[c]）}returnb}returna},rb=function（a,b）{varc=a.na||[];c=c.concat（Array[_P][za].call（arguments,2））;if（a.Q）{b=a.Q}if（a.P）{a=a.P}vard=function（）{varf=c.concat（Array[_P][za].call（arguments））;returna.apply（b,f）};d.na=c;d.Q=b;d.P=a;returnd},Qb=function（a,b）{for（varcinb）{a[c]=b[c]}};if（!

ma[_P].apply）{ma[_P].apply=function（a,b）{varc=[],d,f;if（!

a）a=I;if（!

b）b=[];for（vare=0;e

a.__applyTemp__）{a.__applyTemp__=[]}a.__applyTemp__.push（this）;d=eval（f）;a.__applyTemp__.pop（）;returnd}}ma[_P].bind=function（a）{returnrb.apply（null,[this,a].concat（Array[_P][za].call（arguments,1）））};ma[_P].inherits=function（a）{functionb（）{}b.prototype=a[_P];this.oa=a[_P];this.prototype=newb;this[_P].constructor=this};if（!

Array[_P].push）{Array[_P].push=function（）{for（vara=0;a

Array[_P].pop）{Array[_P].pop=function（）{vara;if（this[i]）{a=this[this[i]-1];this.length--}returna}}Array[_P].peek=function（）{returnthis[this[i]-1]};if（!

Array[_P].shift）{Array[_P].shift=function（）{vara;if（this[i]）{a=this[0];for（varb=0;b

Array[_P].unshift）{Array[_P].unshift=function（）{vara=arguments[i];for（varb=this[i]-1;b>=0;b--）{this[b+a]=this[b]}for（varc=0;c

a.split（""）:

a;for（varh=0;h

a.split（""）:

a;for（varh=0;h-1},pb=function（a,b）{varc=Pa（a,b）,d;if（d=c!

=-1）{qb（a,c）}returnd},qb=function（a,b）{returnArray[_P].splice.call（a,b,1）[i]==1};varRb=function（a,b）{varc;if（c=bina）{deletea[b]}returnc};varSb=function（a）{varb={};for（varc=0;c

*.$^|,:

#

\\"）;varZ=function（a,b）{W（this,l（a）?

u（a）:

m）;pa（this,l（b）?

u（b）:

m）};Z[_P].clone=function（）{returnnewZ（this[D],this[L]）};ea（Z[_P],function（）{return"（"+this[D]+"x"+this[L]+"）"}）;Z.equals=function（a,b）{if（a==b）{returntrue}if（!

a||!

b）{returnfalse}returna[D]==b[D]&&a[L]==b[L]};varG=function（a,b）{this.x=l（a）?

u（a）:

m;this.y=l（b）?

u（b）:

m};G[_P].clone=function（）{returnnewG（this.x,this.y）};ea（G[_P],function（）{return"（"+this.x+","+this.y+"）"}）;G.equals=function（a,b）{if（a==b）{returntrue}if（!

a||!

b）{returnfalse}returna.x==b.x&&a.y==b.y};G.distance=function（a,b）{varc=a.x-b.x,d=a.y-b.y;returno.sqrt（c*c+d*d）};G.squaredDistance=function（a,b）{varc=a.x-b.x,d=a.y-b.y;returnc*c+d*d};G.difference=function（a,b）{returnnewG（a.x-b.x,a.y-b.y）};varJa=function（a,b）{a=u（a）;b=u（b）;this.start=a

a:

b;this.end=a

b:

a};Ja[_P].clone=function（）{returnnewJa（this.start,this.end）};ea（Ja[_P],function（）{return"["+this.start+","+this.end+"]"}）;varKa=function（a,b,c,d）{qa（this,l（a）?

u（a）:

m）;this.top=l（b）?

u（b）:

m;W（this,l（c）?

u（c）:

m）;pa（this,l（d）?

u（d）:

m）};Ka[_P].clone=function（）{returnnewKa（this[aa],this.top,this[D],this[L]）};ea（Ka[_P],function（）{return"（"+this[aa]+","+this.top+"-"+this[D]+"wx"+this[L]+"h）"}）;varIa=function（a,b,c,d）{this.top=l（a）?

u（a）:

m;this.right=l（b）?

u（b）:

m;this.bottom=l（c）?

u（c）:

m;qa（this,l（d）?

u（d）:

m）};Ia[_P].clone=function（）{returnnewIa（this.top,this.right,this.bottom,this[aa]）};ea（Ia[_P],function（）{return"（"+this.top+"t,"+this.right+"r,"+this.bottom+"b,"+this[aa]+"l）"}）;varMa,ka,Xb,fb,Zb,gb,Yb,Na,b

文档加载中……请稍候！
如果长时间未打开，您也可以点击刷新试试。

下载文档到电脑，查找使用更方便

下载	加入VIP,免费下载

还剩页未读，继续阅读

举报
版权申诉 word格式文档无特别注明外均可编辑修改；预览文档经过压缩，下载后原文更清晰！ 立即下载

配套讲稿：

如PPT文件的首页显示word图标，表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制：

部分文档作品中含有的国旗、国徽等图片，仅作为作品整体效果示例展示，禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词：

仿谷歌 弹性 效果 菜单 代码

  冰豆网所有资源均是用户自行上传分享，仅供网友学习交流，未经上传用户书面授权，请勿作他用。