|
各位想必都知道，onfocus=”this.blur()”這條代碼能消除鏈接時(shí)的虛線框，但你有沒(méi)有想過(guò)，如果你的網(wǎng)頁(yè)上有幾個(gè)甚至上百個(gè)鏈接，而你又想要去掉上面那些討厭的虛線框，難道你還一個(gè)個(gè)去Ctrl+C、Ctrl+V，天哪！這對(duì)一個(gè)正常人來(lái)說(shuō)絕對(duì)是個(gè)惡夢(mèng)。也許你會(huì)說(shuō)，用DW或其它文本編輯器里的“查找/替換”功能就能解決，對(duì)！不可否認(rèn)，這是一個(gè)好辦法，但作為一個(gè)優(yōu)秀的web developer，用盡可能少的代碼實(shí)現(xiàn)一樣的功能才是我們應(yīng)當(dāng)追求的目標(biāo)，下面我們就用htc來(lái)解決這問(wèn)題。至于htc是什么，全稱(chēng)就是Html Components，由微軟在IE5.0后開(kāi)始提供的一種新的指令組合，它可以把某種特定功能的代碼封裝在一個(gè)組件之中，從而實(shí)現(xiàn)了代碼的重復(fù)使用。作為一個(gè)組件，htc里包含了屬性、方法、事件等等各種知識(shí)，在這里就不一一介紹了，具體內(nèi)容各位可以參考微軟的msdn主頁(yè)。
回到開(kāi)始處，Onfocus=this.blur()在這里很顯然，onfocus是一個(gè)事件，this.blur()則是被事件所觸發(fā)的對(duì)象，既然這點(diǎn)明確了，代碼就知道該怎么寫(xiě)了。
<public:attach event=”onfocus” onevent=”example()” />
<script language=”javascript”>
function example(){
this.blur();
}
</script>
將以上代碼存為.htc為擴(kuò)展名的文件，然后再編寫(xiě)一個(gè)普通的html網(wǎng)頁(yè)
<html>
<head>
<style>
a {behavior:url(htc文件所在路徑地址)}
</style>
<body>
<a href=”#”>鏈接1</a>
<a href=”#”>鏈接2</a>
<a href=”#”>鏈接3</a>
點(diǎn)鏈接試試，沒(méi)有虛線框了吧
</body>
</html>
OK，保存，預(yù)覽，怎么樣？效果出來(lái)了吧，再看看代碼，的確精簡(jiǎn)了不少，而且在鏈接越多時(shí)體現(xiàn)得越發(fā)明顯。最后我要說(shuō)的是，這還僅僅是htc應(yīng)用上的冰山一角而已，更多的功能還需要你們?nèi)フJ(rèn)識(shí)，相信有點(diǎn)JS與CSS基礎(chǔ)的你一定能學(xué)有所成。 轉(zhuǎn)自：奈薇建站網(wǎng)（www.nev.cn）
|