快捷搜索:

仿网易漂亮的TAB选项卡(标签)

仿163的一款TAB选项卡,有的人也称它为网页标签。本标签用到了三个gif背景图片,运行的时刻可以点右键保存;无意发清楚明了一这一个,感觉很不错应该奉献给大年夜家,由于它不只美不雅,而且兼容性好,标签还可以自适应宽度,异常实用。

仿网易TAB标签

BODY {

FONT-SIZE: 14px; }

OL LI {

MARGIN: 8px

}

#con {

FONT-SIZE: 12px; MARGIN: 0px auto; WIDTH: 600px

}

#tags {

PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 10px; WIDTH: 400px; PADDING-TOP: 0px; HEIGHT: 23px

}

#tags LI {

BACKGROUND: url(http://www.codefans.nethttp://www.codefans.net/jscss/demoimg/200904/tagleft.gif) no-repeat left bottom; FLOAT: left; MARGIN-RIGHT: 1px; LIST-STYLE-TYPE: none; HEIGHT: 23px

}

#tags LI A {

PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: url(http://www.codefans.nethttp://www.codefans.net/jscss/demoimg/200904/tagright.gif) no-repeat right bottom; FLOAT: left; PADDING-BOTTOM: 0px; COLOR: #999;LINE-HEIGHT: 23px; PADDING-TOP: 0px; HEIGHT: 23px; TEXT-DECORATION: none

}

#tags LI.emptyTag {

BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px

}

#tags LI.selectTag {

BACKGROUND-POSITION: left top; MARGIN-BOTTOM: -2px; POSITION: relative; HEIGHT: 25px

}

#tags LI.selectTag A {

BACKGROUND-POSITION: right top; COLOR: #000; LINE-HEIGHT: 25px; HEIGHT: 25px

}

#tagContent {

BORDER-RIGHT: #aecbd4 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #aecbd4 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #aecbd4 1px solid;PADDING-TOP:1px; BORDER-BOTTOM: #aecbd4 1px solid; BACKGROUND-COLOR: #fff

}

.tagContent {

PADDING-RIGHT: 10px; DISPLAY: none; PADDING-LEFT: 10px; BACKGROUND: url(http://www.codefans.nethttp://www.codefans.net/jscss/demoimg/200904/bg.gif) repeat-x; PADDING-BOTTOM: 10px; WIDTH: 576px; COLOR: #474747; PADDING-TOP: 10px; HEIGHT: 250px

}

#tagContent DIV.selectTag {

DISPLAY: block

}

雨枫技巧教程网

ASP源码

自适应宽度的标签

雨枫技巧教程网(fengfly.com)供给种种编程源码、册本教程、JavaScript/CSS殊效代码以及常用软件下载等,做有质量的进修型源码下载站。

这时是ASP标签的内容。

自适应宽度的标签内容。

function selectTag(showContent,selfObj){

// 标签

var tag = document.getElementById("tags").getElementsByTagName("li");

var taglength = tag.length;

for(i=0; i

您可能还会对下面的文章感兴趣: