免费高清特黄a大片,一级毛片黄久久久免费看

當(dāng)前位置：首頁 > 范文|應(yīng)用文 > IT技術(shù)專欄 > 網(wǎng)頁制作

漂亮的div,css,tab

來源：易賢網(wǎng) 閱讀：734 次日期：2015-04-16 16:32:10

溫馨提示：易賢網(wǎng)小編為您整理了“漂亮的div,css,tab”,方便廣大網(wǎng)友查閱！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<head>

<title>DIV+CSS布局實(shí)例：TAB滑動(dòng)門標(biāo)簽切換代碼</title>

* {list-style-type:none; font-size:12px; text-decoration:none; margin:0; padding:0;}

a {behavior:url(xuxian.htc)}

.woaicss {width:438px; height:300px; overflow:hidden; margin:50px auto;}

.woaicss_title {width:438px; height:30px; background:#fff url() no-repeat; overflow:hidden;}/*http://myjs.jz123.cn/inc1/btn_bg.png*/

.woaicss_title li {display:block; float:left; margin:0 2px 0 0; display:inline; text-align:center;}

.woaicss_title li a {display:block; width:90px; heigth:30px; line-height:34px; color:#fff;}

.woaicss_title li a:hover {color:red; text-decoration:underline;}

.woaicss_title_bg1 {background-position:0 0;}

.woaicss_title_bg2 {background-position:0 -30px;}

.woaicss_title_bg3 {background-position:0 -60px;}

.woaicss_title_bg4 {background-position:0 -90px;}

.woaicss_con {display:block; width:430px; height:260px; background:url() no-repeat 0 0; overflow:hidden; BORDER: #aecbd4 1px solid; }/*/images/20110424/con_bg.png*/

.woaicss_con ul {width:418px; height:250px; margin:12px auto;}

.woaicss_con li {width:418px; line-height:30px; margin:0 auto; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}

.woaicss_con li a {color:#03c;}

.woaicss_con li a:hover {color:#069; text-decoration:underline;}

.woaicss_copy {width:438px; margin:10px auto; text-align:center;}

.woaicss_copy a {color:#f00;}

</style>

</head>

<body>

function woaicssq(num){

for(var id = 1;id<=4;id++)

{

var MrJin="woaicss_con"+id;

if(id==num)

document.getElementById(MrJin).style.display="block";

else

document.getElementById(MrJin).style.display="none";

}

if(num==1)

document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg1";

if(num==2)

document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg2";

if(num==3)

document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg3";

if(num==4)

document.getElementById("woaicsstitle").className="woaicss_title woaicss_title_bg4";

}

</script>

</ul>

<ul>

<li>· <a title="超級(jí)漂亮的幾款清新、常用的網(wǎng)頁CSS布局配色實(shí)例" target="_blank" href="#"> 超級(jí)漂亮的幾款清新、常用的網(wǎng)頁CSS布局配色實(shí)例</a></li>

<li>· <a title="CSS制作斜角上有背景圖片的Div層" target="_blank" href="#"> CSS制作斜角上有背景圖片的Div層</a></li>

<li>· <a title="Js實(shí)現(xiàn)的層展開、層折疊效果，默認(rèn)時(shí)候?qū)邮钦郫B的" target="_blank" href="#"> Js實(shí)現(xiàn)的層展開、層折疊效果，默認(rèn)時(shí)候?qū)邮钦郫B的</a></li>

<li>· <a title="DIV始終固定在網(wǎng)頁右下角位置的CSS實(shí)現(xiàn)方法" target="_blank" href="#"> DIV始終固定在網(wǎng)頁右下角位置的CSS實(shí)現(xiàn)方法</a></li>

<li>· <a title="JavaScript未知高度元素的垂直居中的方法" target="_blank" href="#"> JavaScript未知高度元素的垂直居中的方法</a></li>

<li>· <a title="漸變彩色的文字" target="_blank" href="#"> 漸變彩色的文字</a></li>

<li>· <a title="指定文字逐條顯示" target="_blank" href="#"> 指定文字逐條顯示</a></li>

</ul>

</div>

<ul>

<li>·

JS 4屏平滑滾動(dòng)幻燈片特效</a></li>

<li>·

圖片的無縫滾動(dòng)（縱向、橫向）</a></li>

<li>·