title: add CSS to JavaScript
body: <p>How can I add a set of CSS rules like F.I. <code>opacity:0.94; outline:none; content:""; display:block; position:absolute; top:20px; left:50%; margin:0 0 0 -5px; width:0; height:0; line-height:0px; font-size:0px;</code> to the JavaScript below? The JavaScript shows tooltips, but I need to make them more fancy, so that I can use them on an image map.        </p>
  
  <pre><code>&lt;script type='text/javascript' src='http://code.jquery.com/jquery-1.5.2.js'&gt;&lt;/script&gt;  
  &lt;script type='text/javascript'&gt;
  //&lt;![CDATA[ 
  $(window).load(function () {
      $('.1,.2,.3').css({
          position: 'absolute'
      }).hide()
      $('area').each(function (i) {
          $('area').eq(i).bind('mouseover mousemove', function (e) {
              $('.1,.2,.3').eq(i).css({
                  top: e.pageY + 10,
                  left: e.pageX + 10
              }).show()
          })
          $('area').eq(i).bind('mouseout', function () {
              $('.1,.2,.3').hide()
          })
      })
  });//]]&gt;  
  &lt;/script&gt;
  </code></pre>