»
EnglishFrenchVietnamese

Print - Content Display - JavaScriptBank.com

Full version: jsB@nk » Link » Tooltip » Content Display
URL: https://www.javascriptbank.com/content-display-index.html

Content Display © JavaScriptBank.comDisplay a block of text, a graphic, or combination of both, by clicking on a JavaScript link or a graphic. This JavaScript can be used in different circumstances, such as for informational purposes, or displaying pictures with captions. Very easy to use.

Full version: jsB@nk » Link » Tooltip » Content Display
URL: https://www.javascriptbank.com/content-display-index.html



CSS
<style type="text/css">/*     This script downloaded from www.JavaScriptBank.com     Come to view and download over 2000+ free javascript at www.JavaScriptBank.com*/#Main {  margin-left: 20%;}#Content1 {  width: 300px;  height: 100px;  margin-left: 10%;  border: none;  font-weight: bold;}#box1, #box2, #box3 {  display: none;}a {  outline: none;}img {  border: none;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<script type="text/javascript">/*Created by: thamba | http://www.thamba.com/Adapted by Lee Underwood*/function hideall(){  for (count=1; count<4; count+=1) // set "count" to one more than the total images/links  document.getElementById('box'+count).style.display='none';}function showbox(box){  document.getElementById(box).style.display='block';}</script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="Main"><a href="#" onclick="hideall();showbox('box1')"><img src="apache.gif" width="126" height="44"></a><a href="#" onclick="hideall();showbox('box2')"><img src="justlinux.gif" width="150" height="19"></a><a href="#" onclick="hideall();showbox('box3')"><img src="php.gif" width="126" height="44"></a><p style="font-size: 11px; margin-top: -2px;">[ <em>click on an image above for further information</em> ]</p><p><div id="Content1"><div id="box1">The <a href="http://www.apache.org/"><em>Apache Software Foundation</em></a> provides support for the Apache community of open-source software projects.</div><div id="box2">Want to learn Linux? Have questions? <a href="http://www.justlinux.com/"><em>Just Linux</em></a> will get you started in the right direction to a superior operating system.</div><div id="box3"><a href="http://www.php.net/">PHP</a> is a widely-used general-purpose scripting language that is especially suited for Web development and can be embedded into HTML.</div></div></div><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/link/Content_Display/Content_Display_images.zip