How to realize the effect of switching tabs in CSS article list
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!
