Scribd
Upload
26 views

Tumblr Coding

This document contains HTML code for a simple toggle menu. Clicking on the image toggles the display of a hidden div element with ID "one". The div contains links to different pages on a Tumblr blog, including "About Me", "My Face", "Bros", "Ask", and "Likes". JavaScript code is used to toggle the display style of the div between "none" and "block" when the image is clicked.

Uploaded by

Michael Sheehan
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
26 views

Tumblr Coding

This document contains HTML code for a simple toggle menu. Clicking on the image toggles the display of a hidden div element with ID "one". The div contains links to different pages on a Tumblr blog, including "About Me", "My Face", "Bros", "Ask", and "Likes". JavaScript code is used to toggle the display style of the div between "none" and "block" when the image is clicked.

Uploaded by

Michael Sheehan
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.

org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script type="text/JavaScript"> <!-- Chief... function toggle(d) { var o=document.getElementById(d); o.style.display=(o.style.display=='none')?'block':'none'; } --> </script> </head> <body> <a href="javascript:;" onClick="toggle('one');"><img src="http://t1.gstatic.com/images?q=tbn:ANd9GcRLOFALmWDmAlHMC8yJO1IhjjFo0Z26kN9vMUgWNjjvcWFCMtYlQ" width="40" height="40"/></a> <div id="one" style="background-color:#ffffff; display:none; width:100px; height:100px;"> <a href="http://-36chambers.tumblr.com/about-me">About Me</a> <pre></pre> <a href="http://-36chambers.tumblr.com/myface">My Face</a> <pre></pre> <a href="http://-36chambers.tumblr.com/bros">Bros</a> <pre></pre> <a href="http://-36chambers.tumblr.com/ask">Ask</a> <pre></pre> <a href="http://www.tumblr.com/liked/by/-36chambers">Likes</a> </div> </body> </html>

You might also like