百度css模板下载

html-css014

百度css模板下载,第1张

百度空间模块css代码

最近，看见许多人求百度的模块的代码为了方便大家，就把代码发出来．

其实，调用这些代码很容易的．

百度的模块

http://hi.baidu.com/kk02/css/item/a72d7c439b0995119213c675.css 金属灰下载

http://hi.baidu.com/kk02/css/item/cc9cb151ec48282443a75b75.css阳光明媚下载

http://hi.baidu.com/kk02/css/item/875b0a1f2031f6c8a6866975.css 暮色夕阳下载

http://hi.baidu.com/kk02/css/item/3533e0fce0edad82b801a075.css 百度风格

http://hi.baidu.com/kk02/css/item/01e87d660aed2e24aa184c75.css清凉世界下载

http://hi.baidu.com/kk02//css/item/0e07e7fc0435e4fdfd037f75.css 柠檬灰

http://hi.baidu.com/kk02/css/item/9f211b9b51c07cb5c8eaf475.css 极简白

http://hi.baidu.com/kk02/css/item/eefb126d670095fb42169475.css丰收乐

http://hi.baidu.com/kk02/css/item/edba8b0fa400dcedaa64577.css质感红

http://hi.baidu.com/kk02/css/item/650e21f4c92f8a6edcc47474.css宁静的春

http://hi.baidu.com/kk02/css/item/3d9796014b6cd103728da576.css十字路口

http://hi.baidu.com/kk02/css/item/30c3087f8ad3200829388a76.css浪漫夜色

http://hi.baidu.com/kk02/css/item/cce125d14025d5d3562c8476.css蓝天白云

http://hi.baidu.com/kk02/css/item/f403422279b607a44723e876.css水晶粉

http://hi.baidu.com/kk02/css/item/e61af6f99bd64759242df276.css简约暖

http://hi.baidu.com/kk02/css/item/8d92c65069d6e15c1138c27.css沁心绿

http://hi.baidu.com/kk02/css/item/bbe11eadbb1351094a36d67.css星际之旅

http://hi.baidu.comkk02/css/item/12a3b3353afa828ba61e12f9.css浅绿心情

http://hi.baidu.com/kk02/css/item/2a03d2fa22add4deb58f3176.css小斑点狗

我信息给你写了一个··

兼容所有浏览器

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>页签</title>

<style type="text/css">

body { margin:0padding:0font-size:12pxfont-family:Verdana, Geneva, sans-serif}

.tab_all { width:800pxheight:automargin:0 automargin-top:50px}

.tab_menu { width:800pxheight:30px}

.tab_menu ul{ list-style:nonemargin:0padding:0width:800pxheight:30px}

.tab_menu li{ width:100pxheight:30pxfloat:leftmargin-right:5pxcursor:pointercolor:#FFFfont-weight:boldtext-align:centerline-height:30px}

.tab_menu li:hover {width:100pxheight:30pxbackground-color:#F93float:leftmargin-right:5px}

.tab_menu_li1{ background-color:#F93}

.tab_menu_li2{background-color:#F00}

.tab_txt { width:798pxheight:500px background-color: #F93}

</style>

<script language="javascript" type="text/javascript">

function oc(ii)

{

var alldivTitle = document.getElementById("alltitle").getElementsByTagName("li")

var alldiv = document.getElementById("all").getElementsByTagName("div")

for (var i = 0i <alldiv.lengthi ++)

{

if ((i + 1) == parseInt(ii))

{

alldivTitle[i].className = "tab_menu_li1"

alldiv[i].style.display = "block"

}

else

{

alldivTitle[i].className = "tab_menu_li2"

alldiv[i].style.display = "none"

}

}

}

</script>

</head>

<body>

<div class="tab_all">

<div class="tab_menu">

<ul id="alltitle">

<li class="tab_menu_li1" onclick="oc(1)">1</li>

<li class="tab_menu_li2" onclick="oc(2)">2</li>

<li class="tab_menu_li2" onclick="oc(3)">3</li>

<li class="tab_menu_li2" onclick="oc(4)">4</li>

<li class="tab_menu_li2" onclick="oc(5)">5</li>

</ul>

</div>

<div id="all">

<div class="tab_txt" style="display:block">1111111111111111111111</div>

<div class="tab_txt" style="display:none">22222222222222222222222</div>

<div class="tab_txt" style="display:none">3333333333333333333333333</div>

<div class="tab_txt" style="display:none">44444444444444444444444444</div>

<div class="tab_txt" style="display:none">555555555555555555555555</div>

</div>

</div>

</body>

</html>

祝你成功！