Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Mar 15th, 2011  |  syntax: HTML  |  size: 0.87 KB  |  views: 846  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <script type="text/Javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
  2. <script type="text/Javascript">
  3.         $(document).ready(function() {
  4.                 for( var i = 0; i < 24; i++ ) {
  5.                         $("ul.newslist").append("<li><a href='#'>Item</a></li>");
  6.                 }
  7.                 $("ul.newslist > li").click(function() {
  8.                         $(this).remove();
  9.                 })
  10.         });
  11. </script>
  12. <style type="text/css">
  13.         ul.newslist {
  14.                 -webkit-column-count: 5;
  15.                 -webkit-column-width: 200px;
  16.                 -webkit-column-fill: auto;
  17.                 -moz-column-count: 5;
  18.                 -moz-column-width: 200px;
  19.                 -moz-column-fill: auto;
  20.                 background-color: #ccc;
  21.                 padding: 16px 0;
  22.                 list-style: none;
  23.         }
  24.  
  25.         ul.newslist > li {
  26.                 border-top: 1px solid #000;
  27.         }
  28.  
  29.         ul.newslist > li > a {
  30.                 display: block;
  31.                 padding: 4px;
  32.                 background-color: #f6b;
  33.                 text-decoration: none;
  34.                 color: inherit;
  35.         }
  36. </style>
  37. <ul class="newslist"></ul>