TRS--導(dǎo)航

亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

TAB式導(dǎo)航欄的快捷實(shí)現(xiàn)(IE & FF)

系統(tǒng) 1528 0

應(yīng)同事要求做了一個(gè),效果如下:

?

當(dāng)鼠標(biāo)移上時(shí)變色。

沒(méi)有使用腳本,純粹通過(guò)css實(shí)現(xiàn)。同時(shí)通過(guò)調(diào)整背景圖片位置的方式解決圖片的閃動(dòng),主要代碼如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>TRS -- 導(dǎo)航</title>
		<script type="text/javascript">

		</script>
		<style type="text/css">
			#sys_menu a {width:106px;height:34px;display:block;float:left;background:url(btn.gif) 0px 0px no-repeat;font-family:"宋體";text-align:center;color:#fff;font-size:14px;font-weight:600;text-decoration:none;}
			#sys_menu a:hover, #sys_menu a.on {background:url(btn.gif) -106px 0px no-repeat;}
			#sys_menu a span {line-height:34px;}
		</style>
	</head>
	<body style="position:relative;overflow:hidden;">
		<div id="sys_menu">
			<a href="#" class="on"><span>首頁(yè)</span></a><a href="#"><span>公司介紹</span></a><a href="#"><span>主要產(chǎn)品</span></a><a href="#"><span>奧運(yùn)專(zhuān)題</span></a>
		</div>
	</body>
</html>

  

?

span主要是為以后做擴(kuò)充而留的。

TAB式導(dǎo)航欄的快捷實(shí)現(xiàn)(IE & FF)


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號(hào)聯(lián)系: 360901061

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對(duì)您有幫助就好】

您的支持是博主寫(xiě)作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長(zhǎng)會(huì)非常 感謝您的哦!!!

發(fā)表我的評(píng)論
最新評(píng)論 總共0條評(píng)論
主站蜘蛛池模板: 久久99热久久精品动漫 | 毛色毛片免费观看 | 国产福利视频网站 | 成人看片黄a免费 | 成 人 黄 色 视频播放1 | 夜夜躁日日躁狠狠 | 久久精品亚洲日本波多野结衣 | 99久久国产免费福利 | 图片专区亚洲欧美另类 | 色噜噜狠狠成人中文小说 | 精品四虎免费观看国产高清午夜 | aⅴ一区二区三区 | 国产九九在线视频 | 精品福利一区二区三区免费视频 | 草莓视频在线观看精品最新 | 99久久精品全部 | 国产精品婷婷久久爽一下 | 久久99国产精品久久99无号码 | 在线视频久草 | 中文字幕在线观看免费视频 | 亚洲欧洲综合网 | 亚洲欧美日韩精品久久 | 神马影院午夜剧场 | 色婷婷综合久久久中文字幕 | 最好看的毛片 | 伊人激情久久综合中文字幕 | 四虎国产精品免费视 | 久久97久久 | 深夜影院在线视频观看 | 久久这里只有精品8 | 男人资源站 | 老子不卡影院 | 一本一道久久 | 91精品久久久久亚洲国产 | 久久99精品久久久久子伦 | 精品久久久久国产 | 久久日韩精品中文字幕网 | 久久69精品久久久久久hb | 欧美同房免姿势108费视频 | 亚洲操穴 | 国产99久久亚洲综合精品 |