How to hide DIV with Javascript

June 14th, 2010 at 06:10pm Jason 36 views

a great web service. we can use it for showing the code you wanna share on your blog, you don’t need to install any plugins. it’s really cool! just try it anyway…

1
2
<div id="box" style="padding-bottom: 0px; line-height: 30px; background-color: #ffffdf; padding-left: 5px; width: 98%; padding-right: 5px; height: 30px; color: #373737; padding-top: 0px; border: #ffff99 1px solid; margin-bottom: 10px;">
<a style="cursor: hand;" onclick="javascript:document.getElementById('box').style.display='none'" onmouseover="this.style.cursor='hand'"><span style="color:#FF0000;float:right;">×</span></a> Put your code here… </div>

Entry Filed under: WordPress Tagged with:

Share This Post Share This Post SubscribePrint This Post Print This PostSave As PDF Save As PDF

Related Posts Hot Posts Hot Comments Hot Tags

      Leave a Comment

      Required

      Required, hidden

      Some HTML allowed:
      <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">

      Trackback this post  |  Subscribe to the comments via RSS Feed


      Calendar

      June 2010
      MTWTFSS
        Jul »
       123456
      78910111213
      14151617181920
      21222324252627
      282930 

      Sponsors

      Most Recent Posts