« »

Display 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.

Label: Content Display

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Generate your business videos by AI with voice or just text

Your first FREE AI Video App! Automate Your First AI Video. Create Your Professional Video In 5 Minutes By AI No Equipment Or Video Editing Skill Requred. Effortless Video Production For Content Marketers. Free UNLMITED AI Video App in Your Hand

Code
Files
CSS
JavaScript
HTML
Print

Content_Display_images.zip

Copy All x2

<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
	-->

Copy All x2

<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
	-->

Copy All x2

<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
	-->

Comment (1)
Write

by Preview

Cancel reply

Write your comment

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (0)
New

BBCode
HTML
URL
JID

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

20/04/2008
thamba [more]
4,747
1
2
0
4.06 KBytes

JavaScript Content Display

2.5/5 2 votes / 4,747 previews / 1 comment 20/04/2008 Display a block of text, a graphic, or combination of both, by clicking on a JavaScript link...JavaScript Content Display - Content Display

Let's be first member to do this

npdangkhoa_1040642 xuan dan njkfull nhhuy03 thanh anhuyinfo hieucao222

Google Safe Browsing McAfee SiteAdvisor Norton SafeWeb Dr.Web

Content Display

Label: Content Display (adsbygoogle = window.adsbygoogle || []).push({});

Generate your business videos by AI with voice or just text

Write your comment

Label: Content Display