【网页特效代码-状态特效】较好的视觉效果的网页选项卡（[page special effects code - status effects] better visual effects of the web tab）.docVIP

下载本文档

3
0
约7.55千字
约 19页
2017-09-01 发布于河南
举报
版权申诉

【网页特效代码-状态特效】较好的视觉效果的网页选项卡（[page special effects code - status effects] better visual effects of the web tab）.doc

1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
7、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

【网页特效代码-状态特效】较好的视觉效果的网页选项卡（[page special effects code - status effects] better visual effects of the web tab）

【网页特效代码-状态特效】较好的视觉效果的网页选项卡（[page special effects code - status effects] better visual effects of the web tab）本文由倩倩靜聽贡献 ! DOCTYPE HTML PUBLIC - / / W3C / / DTD XHTML 1.0 Transitional / / en http: / / www.w3. Org / TR / DTD / xhtml1 / xhtml1-transitional.dtd html xmlns = http: / / www.w3. Org / 1999 / XHTML head META HTTP EQUIV = Content type content = text / HTML; GB2312 charset = / title title 选项q291911320卡 style type = text / CSS ! - 初始化 / * * / Body { Font: 12px / 1 宋体 SIMSUN, serif; Background: # FFF Color: # 000; } Ul Li, DL, DT, {DD Margin: 0; 清除浏览器默认的margin和padding值 padding: 0; / * * / } Ul Li { List style: none outside 清除浏览器中列表项默认的占位; / * * / } { Text decoration: none; } Img { Border: 0; } 选项卡整体外观定义 / * * / .tablist { Width: 400px; Height: 160px; Overflow: hidden; } .tablist.Tabbox { Height: 100%; Position: relative; Background: # 09C; } .tablist.Tabbox li { Float: left; Width: 25%; Text Align: Center; } .tablist H4 { Margin: 0; Height: 26px; Font size: 1em; 22px; line height: } .tablist H4 { Color: # 039; Font Weight: normal; Display: Block; Background: URL (/ / # bfeafd teixiao uploadfiles _ 4612 / 200902 / 20090226095425984.png) no repeat; Padding Left: 5px; } .tablist H4 to span { Display: Block; Background: URL (/ teixiao / uploadfiles _ 4612 / 200902 / 20090226095425984.png) no Repeat top right; Padding Right: 5px; } H4: hover,.Tablist .tablist.Tabon H4 { Background position: 0 - 50px; } .tablist H4: hover span .tablist.Tabon H4 to span { Background position: Right - 50px; } .tablist.Tabcontentbox li { Width: auto; Margin Top: 0; } .tablist.Tabcontentbox { 390px; width: Height: 130px; Border: 1px Solid # 069; Text Align: left; Overflow: hidden; Background: # FFF Position: absolute; Top: 22px; Left: 0; Display: none; Margin: 4PX; } Li: hover.Tabcontentbox,.Tablist .tablist.Tabon.Tabcontentbox { Display: Block; } 以下是对各项内容的css定义 / * * / .tablist.Tabcontentbox blog, .tablist.Tabcontentbox Group { Color: # 999; Line height: 2em; Margin: 5px; }