Shulou(Shulou.com)06/01 Report--

This article mainly introduces the CSS article list switch tab effect how to achieve, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

The code is as follows:

CSS article list switch

Dl {position:absolute;width:370px;height:170px;border:10px solid # eee;}

Dd {margin:0;width:370px;height:170px;overflow:hidden;}

Dt {position:absolute;right:1px;}

Ul {margin:0;padding:0;width:390px;height:170px;list-style:none;background:url ("http://files.jb51.net/file_images/article/201505/2015513171216300.gif") no-repeat 75 20px solid # ccc} borderbank 1px solid # ccc}

# b {background-position:75% center}

# c {background-position:75% 86%}

Li {width:335px;height:27px;font:12px/27px sans-serif;white-space:nowrap;overflow:hidden;}

Dt a {display:block;margin:1px;width:30px;height:56px;text-align:center;font:700 12px/55px sans-serif;color:#fff;text-decoration:none;background:#666;}

Dt a:hover {background:orange}

Source code

Books

Software

JQuery 1.3 API reference Manual CHM

"Learning jQuery Chinese version" pdf

The latest Chinese Handbook of Ext PDF

Chinese Electronic version of "Ajax-Ajax in Action" (PDF)

The electronic version of "Ajax Classic case Development Daquan" PDF comes with the source code of the book.

"Ajax basic course" (PDF) with the source code of the book

The electronic version of "Ajax Classic case Development Daquan" PDF comes with the source code of the book.

Chinese Electronic version of "Ajax-Ajax in Action" (PDF)

"Ajax based on J2EE" (PDF)

"Ajax basic course" (PDF) with the source code of the book

ASP.NET AJAX programming Volume 2 (client side) Chinese scan version

"Learning jQuery Chinese version" pdf

Electronic version of Ajax Advanced programming (EXE)

The latest Chinese Handbook of Ext PDF

Video tutorial on configuring AJAX in an ASP.NET environment (EXE)

JQuery 1.3 API reference Manual CHM

Chinese Electronic version of Ajax (PDF)

Thank you for reading this article carefully. I hope the article "how to achieve the effect of switching tabs in CSS article list" shared by the editor will be helpful to everyone. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.