一共有3个文字链接,怎样点击其中的一个链接后文字变粗,另两个不变粗?反之亦然?
效果如http://www.4world.pl/categories/kategoria/29这个网站的产品列表,当鼠标放上去,文字链接变大,点击后,文字链接还是变大,当点击其他的文字连接后,原来点击过的文字链接恢复原形,新点击的文字链接就变粗了。谢谢
效果如http://www.4world.pl/categories/kategoria/29这个网站的产品列表,当鼠标放上去,文字链接变大,点击后,文字链接还是变大,当点击其他的文字连接后,原来点击过的文字链接恢复原形,新点击的文字链接就变粗了。谢谢
解决方案 »
- 在线急等 关于这个是不是jquery的bug问题。
- javascript打开新窗口,传值,新窗口如何接受
- 请教,jQuery的append追加的html元素中指定了一个ID,如何再用选择器去选中它
- JSP中文字颜色渐变问题
- 转载:几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比
- EXT grid 数据源设置成c#生成的json数据时出错,哪位帮我看看
- 请帮忙改一个正则表达式!this.value.replace(/\D/g,'');
- 都说IE8及以上版本不能隐藏地址栏,那 它 是如何做到的?
- 求一排列算法
- compareEndPoints使用方法,最好有个实例
- ext talbe布局 中item 项如何将单元格内的文字居中啊?
- Aptana调试js问题
a:hover {color: red; text-decoration:underline; font-size:18px;}
a:visited {color:purple;text-decoration:none; font-size:18px;}点其他连接文字回复过来,用JS来控制!
document.getElementsByTagName('input')[0].style.fontWeight='normal';
document.getElementsByTagName('input')[1].style.fontWeight='normal';
document.getElementsByTagName('input')[2].style.fontWeight='normal';
this.style.fontWeight='bold'; }
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<Td height="18">
<FONT color=#ff3300><B> -</B></FONT><A href="test1.htm">WebSiteA</A>
</tr>
<tr>
<Td height="18">
<FONT color=#ff3300><B> -</B></FONT><A href="test2.htm">WebSiteB</A></tr>
</table>
您点击的是websiteA,我想用js来实现效果如http://www.4world.pl/categories/kategoria/29这个网站的产品列表,当鼠标放上去,文字链接变大,点击后,文字链接还是变大,当点击其他的文字连接后,原来点击过的文字链接恢复原形,新点击的文字链接就变粗了。谢谢这个是test2.html的代码
<LINK href="t/Style.css" type=text/css rel=stylesheet>
<table width="180" border="0" cellspacing="0" cellpadding="0">
<tr>
<Td height="18">
<FONT color=#ff3300><B> -</B></FONT><A href="test1.htm">WebSiteA</A>
</tr>
<tr>
<Td height="18">
<FONT color=#ff3300><B> -</B></FONT><A href="test2.htm">WebSiteB</A></tr>
</table>
您点击的是websiteB,我想用js来实现效果如http://www.4world.pl/categories/kategoria/29这个网站的产品列表,当鼠标放上去,文字链接变大,点击后,文字链接还是变大,当点击其他的文字连接后,原来点击过的文字链接恢复原形,新点击的文字链接就变粗了。谢谢
<A href="test1.htm" target="_blank">WebSiteA</A>
<A href="test2.htm" target="_blank">WebSiteB</A> var links = document.getElementsByTagName('a'), selectedLink = null;
for (var i = 0, length = links.length; i < length; i++) {
links[i].onmouseover = function() {
this.style.fontWeight = 'bold';
}
links[i].onmouseout = function() {
if(this != selectedLink) this.style.fontWeight = '';
}
links[i].onclick = function() {
if (selectedLink) selectedLink.style.fontWeight = '';
selectedLink = this;
}
}