文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件

清风网络

QQ 电脑入门游戏操作系统图形处理办公软件媒体动画精文荟萃工具软件网络编程程序开发网络技术认证考试网站建设文章专栏

当前位置：清风网络学院 → 网站建设 → Div+Css → 用DIV+CSS实现的网易首页滑动效果的标签


	精品推荐


特别推荐

·初学者来看：学习网页技术CSS怎么入门？

·CSS网页设计非常有用技巧

·DIV+CSS的命名规则有利于网站优化

·多个CSS样式表争夺特定选择符的控制权

·学习CSS制作网页总结的一些经验技巧

·CSS初学者应该保持的一种心态

·CSS常见问题和技巧总结

·DIV+CSS常见错误汇总

·设计中常用的十个CSS技巧

·网站配色,CSS主色调配色方案

·你是哪个等级的CSS开发人员？

·简单的CSS改进网站设计三个技巧

·使用CSS样式表让英文文本自动换行

·用CSS给网页图片添加滤镜效果

·国外译文：网页设计如何使用CSS的选择器模式？

·常见的CSS问题的“一站式”的解决方案

·学习CSS从何入手技术

·CSS注释、命名、继承性、样式排序等CSS技巧的小结

·推荐好文：无懈可击的CSS圆角技术

·标准网页中用CSS进行段落排版的方法


热点TOP10

·DIV CSS网页布局实例：十步学会用CSS建站

·Div+CSS+JS树型菜单，可刷新

·5款纯div+css制作的弹出菜单(标准且无js)

·Javascript +CSS横向三级导航菜单

·用CSS实现动态显示的五角星级效果

·Web标准学习：未知高度的非表格垂直对齐

·CSS：鼠标经过时改变背景颜色或图片

·用CSS如何控制网页中图片自适应大小？

·站长推荐：53个CSS-不可或缺的技巧

·CSS实现表格边框阴影和背景渐变效果

·CSS+DIV+JS导航菜单和Flash效果差不多

·div+css实现圆角边框

·采用Table+CSS实现的TabPane 选项卡代码实例

·CSS网页设计非常有用技巧

·CSS实例:让页脚保持在未满屏页面的底部

·DIV CSS布局网页实例：简单表单form标准化实例

·兼容 IE 和 FF 的换行 CSS 推荐样式

·背景图片居中显示(HTML,CSS技巧)

·DIV+CSS常用的网页布局代码

·学习CSS从何入手技术

用DIV+CSS实现的网易首页滑动效果的标签

日期：2007年9月22日作者：查看:[大字体中字体小字体]

网易首页滑动效果的标签，实现如下效果:
1.定时滑动标签。
2.鼠标滑过触发和鼠标点击触发两种分别实现。

<style> BODY { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #000; PADDING-TOP: 0px; FONT-FAMILY: "宋体", arial; TEXT-ALIGN: center } UL { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } OL { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } LI { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BORDER-RIGHT-WIDTH: 0px } H5 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px } .clear { CLEAR: both; FONT-SIZE: 1px; VISIBILITY: hidden; WIDTH: 1px } .lineH { FONT-SIZE: 1px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/lineH.gif); MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 750px; HEIGHT: 1px } .area { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg.gif); MARGIN: 0px auto; WIDTH: 750px } .area .col1 { FLOAT: left; WIDTH: 436px } .area .col2 { FLOAT: right; WIDTH: 300px } .scrollWeather { PADDING-RIGHT: 0px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; COLOR: #1f3a87; PADDING-TOP: 4px; TEXT-ALIGN: left } .scrollWeather UL { } .scrollWeather LI { FLOAT: left; LIST-STYLE-TYPE: none; TEXT-ALIGN: left } .scrollWeather .s1 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .scrollWeather .s2 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #1f3a87; PADDING-TOP: 4px } .leftContent { CLEAR: both } .leftContent .menu { CLEAR: both; HEIGHT: 22px } .leftContent .menu UL { } .leftContent .menu LI { FLOAT: left; CURSOR: pointer; LIST-STYLE-TYPE: none; HEIGHT: 22px } .leftContent .menu LI H6 { PADDING-RIGHT: 0px; PADDING-LEFT: 11px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 2px; PADDING-TOP: 6px } .leftContent .menu LI SPAN { PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg7.gif) no-repeat 0px 9px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 6px } .leftContent .menu .activeW1 { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_1.gif); WIDTH: 218px } .leftContent .menu .normalW1 { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_1_1.gif); WIDTH: 218px } .leftContent .menu .activeW2 { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_1_2.gif); WIDTH: 218px } .leftContent .menu .normalW2 { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_1_3.gif); WIDTH: 218px } .leftContent .menuA { CLEAR: both; OVERFLOW: hidden; HEIGHT: 22px } .leftContent .menuA UL { } .leftContent .menuA LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 109px; CURSOR: pointer; PADDING-TOP: 6px; LIST-STYLE-TYPE: none } .leftContent .menuA .active { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_2.gif) } .leftContent .menuA .normal { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_2_1.gif) } .leftContent .menuA .over { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_2_2.gif) } .leftContent .menuB { CLEAR: both; OVERFLOW: hidden; HEIGHT: 22px } .leftContent .menuB UL { } .leftContent .menuB LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; CURSOR: pointer; PADDING-TOP: 6px; LIST-STYLE-TYPE: none } .leftContent .menuB .active { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_3.gif); FLOAT: left; WIDTH: 88px } .leftContent .menuB .normal { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_3_1.gif); FLOAT: left; WIDTH: 87px } .leftContent .menuB .over { BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg5_3_2.gif); FLOAT: left; WIDTH: 87px } .leftContent .menu A { COLOR: #1f3a87 } .leftContent .menuA LI A { COLOR: #1f3a87 } .leftContent .menuB LI A { COLOR: #1f3a87 } .leftContent .menu A:visited { COLOR: #1f3a87 } .leftContent .menuA LI A:visited { COLOR: #1f3a87 } .leftContent .menuB LI A:visited { COLOR: #1f3a87 } .leftContent .menu A:hover { COLOR: #bc2931 } .leftContent .menuA LI A:hover { COLOR: #bc2931 } .leftContent .menuB LI A:hover { COLOR: #bc2931 } .leftContent .menuA .over A { COLOR: #fff } .leftContent .menuB .over A { COLOR: #fff } .leftContent .menuA .over A:visited { COLOR: #fff } .leftContent .menuB .over A:visited { COLOR: #fff } .leftContent .menuA .over A:hover { COLOR: #ff0 } .leftContent .menuB .over A:hover { COLOR: #ff0 } .leftContent .content { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 416px; PADDING-TOP: 12px } .leftContent .content .col { FLOAT: left } .leftContent .content .w1 { WIDTH: 162px } .leftContent .content .w2 { PADDING-RIGHT: 0px; PADDING-LEFT: 14px; PADDING-BOTTOM: 0px; WIDTH: 240px; PADDING-TOP: 0px } .leftContent .content .w3 { WIDTH: 122px } .leftContent .content .w4 { PADDING-RIGHT: 0px; PADDING-LEFT: 14px; PADDING-BOTTOM: 0px; WIDTH: 280px; PADDING-TOP: 0px } .leftContent .content .pic { CLEAR: both } .leftContent .content .pic IMG { BORDER-RIGHT: #cbcbcb 1px solid; BORDER-TOP: #cbcbcb 1px solid; BORDER-LEFT: #cbcbcb 1px solid; BORDER-BOTTOM: #cbcbcb 1px solid } .leftContent .content .pic H6 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: left } .leftContent .content .listText { CLEAR: both; BORDER-RIGHT: #cbcbcb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cbcbcb 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f2f6fb; PADDING-BOTTOM: 3px; BORDER-LEFT: #cbcbcb 1px solid; COLOR: #cbcbcb; LINE-HEIGHT: 160%; PADDING-TOP: 8px; BORDER-BOTTOM: #cbcbcb 1px solid; TEXT-ALIGN: left } .leftContent .content .listText .s1 { BORDER-RIGHT: #baceeb 1px solid; BORDER-TOP: #baceeb 1px solid; FONT-SIZE: 12px; BACKGROUND: #fff; MARGIN: 5px 0px; BORDER-LEFT: #baceeb 1px solid; WIDTH: 100px; BORDER-BOTTOM: #baceeb 1px solid; HEIGHT: 16px } .leftContent .content .listText .s2 { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/input_bg2.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; WIDTH: 34px; PADDING-TOP: 2px; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px } .leftContent .content .listText1 { CLEAR: both; BORDER-RIGHT: #cbcbcb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cbcbcb 1px solid; PADDING-LEFT: 5px; BACKGROUND: #f2f6fb; PADDING-BOTTOM: 5px; BORDER-LEFT: #cbcbcb 1px solid; COLOR: #cbcbcb; LINE-HEIGHT: 180%; PADDING-TOP: 10px; BORDER-BOTTOM: #cbcbcb 1px solid; TEXT-ALIGN: left } .leftContent .content .bbsPoint { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 7px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg7.gif) no-repeat 0px 14px; PADDING-BOTTOM: 0px; PADDING-TOP: 11px; TEXT-ALIGN: left } .leftContent .content .bbsPoint A { COLOR: #1f3a87 } .leftContent .content .bbsPoint A:visited { COLOR: #1f3a87 } .leftContent .content .bbsPoint A:hover { COLOR: #bc2931 } .leftContent .content .listText A { COLOR: #000 } .leftContent .content .listText A:visited { COLOR: #000 } .leftContent .content .listText A:hover { COLOR: #bc2931 } .leftContent .content .keyword { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #1f3a87; LINE-HEIGHT: 160%; PADDING-TOP: 10px; TEXT-ALIGN: left } .leftContent .content H4 { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 100; FONT-SIZE: 18px; PADDING-BOTTOM: 0px; PADDING-TOP: 11px; FONT-FAMILY: "黑体" ,Arial Black,sans-serif; TEXT-ALIGN: left } .leftContent .content P { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #1f3a87; TEXT-INDENT: 2em; LINE-HEIGHT: 160%; PADDING-TOP: 10px; TEXT-ALIGN: left } .leftContent .content .list { CLEAR: both } .leftContent .content .list UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px } .leftContent .content .list LI { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/i1_1.gif) no-repeat 2px 7px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left } .leftContent .content .list LI SPAN { PADDING-RIGHT: 3px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; COLOR: #1f3a87; PADDING-TOP: 0px } .leftContent .content .list LI SPAN A { COLOR: #1f3a87 } .leftContent .content .list LI SPAN A:visited { COLOR: #1f3a87 } .leftContent .content .list LI SPAN A:hover { COLOR: #bc2931 } .leftContent .content .list1 { CLEAR: both } .leftContent .content .list1 UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 9px } .leftContent .content .list1 LI { PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left } .leftContent .content .list1 LI H6 { FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; MARGIN: 0px 2px 0px 0px; COLOR: #1f3a87 } .leftContent .content .list1 LI H6 A { COLOR: #1f3a87 } .leftContent .content .list1 LI H6 A:visited { COLOR: #1f3a87 } .leftContent .content .list1 LI H6 A:hover { COLOR: #bc2931 } .leftContent .content .more { CLEAR: both; HEIGHT: 18px } .leftContent .content .more SPAN { PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg7.gif) #fff no-repeat 3px 7px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 4px } .leftContent .content .more A { COLOR: #1f3a87 } .leftContent .content .more A:visited { COLOR: #1f3a87 } .leftContent .content .more A:hover { COLOR: #bc2931 } .leftContent .placeList { BORDER-RIGHT: #cbcbcb 1px solid; BORDER-TOP: #cbcbcb 1px solid; DISPLAY: none; BACKGROUND: #f2f6fb; LEFT: -128px; BORDER-LEFT: #cbcbcb 1px solid; WIDTH: 213px; BORDER-BOTTOM: #cbcbcb 1px solid; POSITION: absolute; TOP: 22px; HEIGHT: 190px } .leftContent .placeList .titleT { CLEAR: both; BACKGROUND: #a0aac8; BORDER-BOTTOM: #cbcbcb 1px solid; HEIGHT: 19px } .leftContent .placeList .titleT H5 { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 4px } .leftContent .placeList .contentT { CLEAR: both; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid } .leftContent .placeList .contentT UL { } .leftContent .placeList .contentT LI { BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 52px; PADDING-TOP: 4px; BORDER-BOTTOM: #fff 1px solid; LIST-STYLE-TYPE: none; HEIGHT: 14px } .leftLine { BORDER-BOTTOM: #cbcbcb 1px solid } .leftLine1 { CLEAR: both; FONT-SIZE: 1px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/bg6.gif); OVERFLOW: hidden; HEIGHT: 1px } .leftHeight1 { OVERFLOW: hidden; HEIGHT: 260px } .leftHeight2 { OVERFLOW: hidden; HEIGHT: 285px } .leftHeight3 { OVERFLOW: hidden; HEIGHT: 310px } .leftHeight4 { OVERFLOW: hidden; HEIGHT: 305px } .leftContent A { COLOR: #000 } .leftContent A:hover { COLOR: #bc2931 } .rightLine { BORDER-TOP: #cbcbcb 1px solid } .rightLine1 { BORDER-BOTTOM: #cbcbcb 1px solid } .rightLine2 { BORDER-TOP: #cbcbcb 1px solid } .rightTitle { CLEAR: both; BACKGROUND: #fff; MARGIN: 0px auto; WIDTH: 298px; BORDER-BOTTOM: #cbcbcb 1px solid; HEIGHT: 24px } .rightTitle H5 { PADDING-RIGHT: 0px; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #1f3a87; PADDING-TOP: 7px } .rightTitle H6 { PADDING-RIGHT: 6px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 7px } .rightTitle A { COLOR: #1f3a87 } .rightTitle A:visited { COLOR: #1f3a87 } .rightTitle A:hover { COLOR: #bc2931 } .rightTitle SPAN { PADDING-RIGHT: 8px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 7px } .rightTitle SPAN A { COLOR: #000 } .rightTitle SPAN A:visited { COLOR: #000 } .rightTitle SPAN A:hover { COLOR: #bc2931 } .rightTitle .s { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } .rightContent { CLEAR: both } .rightContent .list { FLOAT: left; WIDTH: 150px } .rightContent .list UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 6px } .rightContent .list LI { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 20px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/i1.gif) no-repeat 11px 7px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left } .rightContent .theText { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 9px } .rightContent .list1 { CLEAR: both } .rightContent .list1 UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 6px } .rightContent .list1 LI { CLEAR: both; LIST-STYLE-TYPE: none; TEXT-ALIGN: left } .rightContent .list1 LI H6 { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/i1.gif) no-repeat 11px 7px; FLOAT: left; PADDING-BOTTOM: 3px; PADDING-TOP: 3px } .rightContent .list1 LI SPAN { PADDING-RIGHT: 8px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 3px } .rightContent .picText { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 9px; PADDING-BOTTOM: 0px; PADDING-TOP: 9px; TEXT-ALIGN: left } .rightContent .picText IMG { BORDER-RIGHT: #cbcbcb 1px solid; BORDER-TOP: #cbcbcb 1px solid; BORDER-LEFT: #cbcbcb 1px solid; BORDER-BOTTOM: #cbcbcb 1px solid } .rightContent .picText .pic { PADDING-RIGHT: 8px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 137px; PADDING-TOP: 0px } .rightContent .picText .textList { WIDTH: 280px } .rightContent .picText .textList UL { } .rightContent .picText .textList LI { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 10px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/i1.gif) no-repeat 2px 7px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left } .rightContent .search { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 11px; PADDING-BOTTOM: 0px; PADDING-TOP: 3px } .rightContent .search UL { } .rightContent .search LI { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left } .rightContent .search LI SELECT { FONT-SIZE: 12px } .rightContent .search .s1 { BORDER-RIGHT: #999 1px solid; BORDER-TOP: #999 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #999 1px solid; WIDTH: 80px; BORDER-BOTTOM: #999 1px solid; HEIGHT: 17px } .rightContent .search .s2 { BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BACKGROUND: url(http://cimg2.163.com/cnews/163/img6/input_bg1.gif); BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; WIDTH: 54px; PADDING-TOP: 2px; HEIGHT: 20px; BORDER-RIGHT-WIDTH: 0px } </style> <SCRIPT language=VBScript type=text/VBScript>  </SCRIPT> </HEAD> <BODY> <DIV class=area> <DIV class=col1> <DIV class="leftContent leftHeight2"> <DIV class=menuA id=tabone> <UL> <LI language=vbscript class=active id=menua0 onmouseover='menuover1 "menua0"'><A href="http://16z.com/">巴洲</A> </LI> <LI language=vbscript class=normal id=menua1 onmouseover='menuover1 "menua1"'><A href="http://16z.com/#">南江</A> </LI> <LI language=vbscript class=normal id=menua2 onmouseover='menuover1 "menua2"'><A href="http://16z.com/#">通江</A> </LI> <LI language=vbscript class=normal id=menua3 onmouseover='menuover1 "menua3"'><A href="http://16z.com/#">平昌</A> </LI></UL></DIV> <DIV class=content> <DIV id=menua0> 000 </DIV> <DIV id=menua1> 222 </DIV> <DIV id=menua2> 333 </DIV> <DIV id=menua3>wwwwwwwwwwwwwwwwwwwwww 444 </DIV></DIV> <DIV class=clear></DIV></DIV></DIV> <DIV class=col2> <DIV class="rightTitle rightLine"> <H5><A href="http://classad.163.com/">test</A></H5><SPAN>888</SPAN> </DIV> <DIV class=rightContent> <DIV class=theText>111</DIV> </DIV></DIV> <DIV class=clear></DIV></DIV> <DIV class=lineH></DIV> <DIV class=blank9></DIV> </BODY></HTML>

[1] [2] 下一页

上一篇:用DIV+CSS布局网页的一个实例HTML代码

下一篇:符合标准的中英文双语导航菜单代码

用DIV+CSS实现的网易首页滑动效果的标签相关文章：

·3DS Max 7卧室效果图设计：建模篇

·3DMax:跟我学做房间效果图

·QQ空间流星雨效果代码

·如何实现局域网打印机共享

·Flash 图片轮换效果

·Photoshop实例：调出漂亮MM的唯美效果

·Flash如何制作灯光效果

·TCP/IP编程实现远程文件传输

·Visual C++ 实现数字化图像的分割

·ASP.NET购物车的实现及结算处理

用DIV+CSS实现的网易首页滑动效果的标签相关软件：

·TCP-IP详解卷2：实现

·SRS Audio Sandbox(声卡效果增强软件) V1.6.7.

·3ds max效果图制作入门必读

·飞越单用户首页智能连接系统

·网易POPO金猪版

·Photoshop图象合成经典实例压缩版和1.40G的效果一样

·检验音箱效果的MP3歌曲

·ASP.NET的网站新闻管理系统设计与实现

·选项卡效果

·家居客厅设计效果图

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员，我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源：http://www.vipcn.com

	\| 帮助(？) \| 版权声明 \| 友情连接 \| 关于我们 \| 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved.	鄂ICP备05000083号Powered by:vipcn