Execute
Save
Share
Share link
share
share
share
Team
Public Teams
Comments
0
Created By:
Guest
Title:
Title
Description
Edit
Copy Link
Login
Email *
Password *
Login
OR
Create Account
Screen Name *
Email *
Password *
Retype Password *
Team Access Code
Register
Public CodeBins
HELP
--Select Theme--
Ambiance
Blackboard
Cobalt
Eclipse
Elegant
Erlang-Dark
Lesser-Dark
Monokai
Neat
Night
Rubyblue
Vibrant-Ink
Xq-Dark
New CodeBin
CodeBins Versions
11/05/2012- V.1
Recent CodeBins
View All CodeBins
$(document).ready(function() { $(".menuItem").click(function() { $(".selectedMenuItem").removeClass("selectedMenuItem", "fast"); $("table tr:eq(1) td:eq(2)").addClass("selectedMenuItem", "fast"); return false; }); });
Bottom of Page
In Head
On Load
On Ready
Setting
Validate
Copy
Format
* { padding: 0; margin: 0; text-align: left; } body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; padding: 0; margin: 0; line-height: 17px; background-color: #660000; color: #FFFFFF; } img { text-align: center; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; vertical-align: middle; } legend { font-weight: bold; font-size: 14px; } #wrap { margin: 0px auto; position: relative; } #header { height: 120px; background-attachment: none; background-position: center; background-repeat: no-repeat; margin-right: 10px; margin-left: 10px; margin-bottom: 10px; margin-top: 10px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; padding-top: 5px; } #content { } .menuItem { text-decoration: none; color: white; padding: 5px; } #menu { font-weight: bold; } #menu table { width: 100%; } #menu td { text-align: center; } .selectedMenuItem { background-color: #33cc00; height: 10px; }
Setting
Validate
Copy
Format
<div id="wrap"> <div id="header"> </div> <div id="menu"> <table> <tr> <td> <a href="index.html" class="menuItem">CV</a> </td> <td> <a href="index.html" class="menuItem">About me</a> </td> <td> <a href="index.html" class="menuItem">Contact</a> </td> </tr> <tr> <td class="selectedMenuItem"> </td> <td> </td> <td> </td> </tr> </table> </div> <div id="content"></div>
No Doc Type
HTML5
HTML 4.01 Transitional
HTML 4.01 Strict
HTML 4.01 Frameset
XHTML 1.1
XHTML 1.0 Transitional
XHTML 1.0 Strict
XHTML 1.0 Frameset
Copy
Format
Download
×
Code Description
×
Difference of Versions
HTML
CSS
JS
×
JS Error
×
CSS Error
Errors
Warnings
×
JavaScript Setting
JS Libraries:
Chrome Frame 1.0.3
Dojo 1.8.0
Dojo 1.7.3
Dojo 1.7.2
Ext Core 3.1.0
jQuery 1.8.0
jQuery 1.7.2
jQuery 1.6.0
jQuery 1.5.0
jQuery 1.4.4
jQuery 1.4.0
jQuery-min 1.7.2
jQueryUI-min 1.8.21
MooTools more-1.4.0.1-full
MooTools core-1.4.5-full
MooTools core-1.4.1-full
Prototype 1.7.1.0
script.aculo.us 1.9.0
SWFObject 2.2
Twitter Bootstrap 2.0.4
WebFont Loader 1.0.28
yui 3.5.1
User Libraries:
Upload File
JavaScript URL(s):
×
CSS Setting
CSS Libraries:
jQueryUI 1.8.21
Twitter Bootstrap 2.0.4
User Libraries:
Upload File
CSS URL(s):