title: How do I make the links in my page vibrate when the mouse goes over them?
body: <p>I'm trying to get this fiddle to work on my site</p>
  
  <p><a href="http://jsfiddle.net/Xotic750/Ca273/" rel="nofollow">http://jsfiddle.net/Xotic750/Ca273/</a></p>
  
  <p>I changed the CSS to this to make the vibrating effect and I added this css code to my website.</p>
  
  <pre><code>a.navlinkOff {
      font-family: Arial !important;
      font-weight: bold;
  }
  a.navlinkOver1 {
      font-family: Arial !important;
      font-weight: bold;
  }
  a.navlinkOver2 {
      font-family: Lucida Sans Unicode !important;
      font-weight: bold;
  
  }
  </code></pre>
  
  <p>I tried adding ids and classes to the navigation menu but for some reason it still doesn't work. The code doesn't do anything at all.</p>
  
  <pre><code>&lt;div id="navleft"&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href="tops.html" id="navlink1" class="navlinkOff"&gt;Tops&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="bottoms.html" id="navlink2" class="navlinkOff"&gt;Bottoms&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="hoodies.html" id="navlink3" class="navlinkOff"&gt;Hoodies&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="accessories.html" id="navlink4" class="navlinkOff"&gt;Accessories&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="clearance.html" id="navlink5" class="navlinkOff"&gt;Clearance&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So I'm wondering if it'd be simpler to just make all the links on the site vibrate. I also tried changing the javascript to be like this</p>
  
  <pre><code>var navlinks = document.querySelectorAll("a");
  </code></pre>
  
  <p>But that still doesn't work on my site.</p>