如何去掉网页链接上当前焦点的虚线框
最近做Tab换页时遇到的一点小麻烦,网上找了些解决办法,现分享如下:
局部控制
<a href=”link1.htm” onfocus=”this.blur()”>link1</a>
<a href=”link1.htm” onfocus=”this.close()”>link1</a>
<a href=”link1.htm” hidefocus=”true”>link1</a>
<a href=”link1.htm” hidefocus=”hidefocus”>link1</a>
全局控制
CSS实现
a{blr:expression(this.onFocus=this.close());} /* 只支持IE,过多使用效率低 */
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE,过多使用效率低 */
a:focus { -moz-outline-style: none; } /* IE不支持 */
HTC实现 IE支持,页面载完才有效果
把下面这段代码存为.htc为扩展名的文件
<public:attach event=”onfocus” onevent=”hscfsy()”/>
<script language=”javascript”>
function hscfsy(){
this.blur();
}
</script>
调用 a {behavior:url(htc文件所在路径地址)}
JS遍历实现
window.onload=function()
{
for(var ii=0; ii<document.links.length; ii++)
document.links$[$ii$]$.onfocus=function(){this.blur()}
}
JS封装为函数
function fHideFocus(tName){
aTag=document.getElementsByTagName(tName);
for(i=0;i<aTag.length;i++)aTag$[$i$]$.hideFocus=true;
//for(i=0;i<aTag.length;i++)aTag$[$i$]$.onfocus=function(){this.blur();};
}
当前是添加一个hidefocus的属性,注释掉的句子是添加onfucus=this.blur();
然后调用fHideFocus(“A”),即可把a的虚线框去掉
通过传递不同的参数,可以去掉更多的虚线框,比如”BUTTON”可以去掉button的
但要记住参数要用大写字母
A. map area内链接如何消除链接虚线?
这是一个观念上的错误,其实应该在所在map的图片上加以控制,而不是在area内,参考传统办法
B. 关于onFocus
<a href=“http://blog.csdn.net/alonesword/“ onFocus=”this.blur()”>
<Img src=”Example.jpg” Border=0>
</a>
onFocus是设置鼠标焦点事件的东西,这个可以用,也可以不用,不过为了让更多的浏览器识别的话,建议采用Border=0 这个才是去除虚线框的关键所在
(在网上看到有的人用onFocus=”this.blur()”来消除虚线框,但在本地测试时,仅仅用这一句是不能消除的)
2007-09-21 at 9:47 上午
You said it very well
Source:
Cheers A lot of interesting facts
Many thanks Plenty of useful material
2007-09-21 at 12:39 下午
Really tons of good tips
2007-09-21 at 2:56 下午
Nicely put With thanks
2007-09-21 at 5:13 下午
Выгодная сообщения на форуме Огромное спасибо
2007-09-21 at 5:34 下午
[url=https://www.intercultural.org.au/wp-content/pgs/1xbet_casino_bonus_codes_enter.html]1xbet registration bonus code[/url]
2007-09-21 at 6:34 下午
Поиск себя
Молодые люди активно определяются СЃ целями. Рто поколение ориентировано РЅР° смысл. Важны РЅРµ столько деньги, сколько реализация.
Социальная активность
Современная молодёжь всё чаще защищает экологию. Для них важно быть полезным.
Ментальное здоровье
Р’ РЅРѕРІСѓСЋ СЌРїРѕС…Сѓ молодёжь РІСЃС‘ чаще задумывается Рѕ эмоциональном фоне. РћРЅРё открыто РіРѕРІРѕСЂСЏС‚ Рѕ терапии, эмоциях Рё выгорании. Рто поколение учится заботиться Рѕ себе.
2007-09-21 at 7:16 下午
Не знаете, как улучшить видимость вашего ресурса? Закажите XRumer и получите первоклассные ссылки в интернете!
XRumer — это мощный инструмент для продвижения в интернете. Закажите прогон по ресурсам и получите результат в кратчайшие сроки!
Ищете эффективное решение для SEO? XRumer поможет вам увеличить трафик на разных платформах.
Source:
– https://drsschool.ru\xrumer-dlya-poiskovoy-optimizatsii\xrumer-saytov-zakazat-dlya-kazan\
Москва установкой заказать для базы xrumer с
2007-09-21 at 11:16 下午
Thanks Plenty of forum posts
2007-09-21 at 1:49 上午
I want to copy trades of successful traders. Does it make sense, can I make money on it? [url=http://www.tinyurl.com/yayy28jq ]www.tinyurl.com/yayy28jq [/url]
——————-
Yоu сan toр uр your aсcount аnd withdrаw through a cryptocurrencу exсhаnge, for exаmрlе this most famоus ехсhаngе [url=https://www.gate.com/share/vqnmvlte]www.gate.com[/url]
+ аlsо, trading robоts + cоpуing trаdеs of sucсessful tradеrs.
2007-09-21 at 3:31 上午
Many thanks Awesome stuff
2007-09-21 at 5:29 上午
Не знаете, как улучшить видимость вашего ресурса? Закажите XRumer и получите первоклассные ссылки в интернете!
XRumer — это мощный инструмент для продвижения в интернете. Закажите прогон по сайтам и получите результат в кратчайшие сроки!
XRumer — это гарантия быстрого повышения видимости в интернете. Не упустите шанс продвинуть свой сайт!
Source:
заказать установкой xrumer Белгород с базы для
заказать установкой xrumer Белгород с базы для