« »

With this changing links JavaScript on page, your links make bold after clicked. A good navigating script for websites that using frame or for toggling content.

Label: black, bold, hyperlink, changing, navigating, frame, toggle

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script type="text/javascript">
<!--
// Created by Calvin Leung - http://www.pphresh.com

function turnBackBold (speclink) {
	 var anchors = document.links
	 for (i=0; i<anchors.length; i++) {
    anchors[i].style.fontWeight = '300';
	 }
	 speclink.style.fontWeight = '900';
}
//-->
</script>

Copy All x2

<p>
<a href="#" onclick="turnBackBold (this);">this is link 1</a><br>
<a href="#" onclick="turnBackBold (this);">this is link 2</a><br>
<a href="#" onclick="turnBackBold (this);">this is link 3</a><br>
<a href="#" onclick="turnBackBold (this);">this is link 4</a><br>
<a href="#" onclick="turnBackBold (this);">this is link 5</a><br>
<a href="#" onclick="turnBackBold (this);">this is link 6</a></p>