topical media & game development 
  
 
 
 
 
  
    
    
  
 lib-jquery-plugin-easy-pop-pop-pop.htm / htm
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  <HTML>
   <HEAD>
    <TITLE>Pop Show  </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script type="text/javascript" src="lib-jquery-plugin-easy-pop-jquery-1.2.3.pack.js"></script>
      <script type="text/javascript" src="lib-jquery-plugin-easy-pop-jquery.popshow.js"></script>
  
  <style>
  * { margin: 0; padding: 0; }
  
  html
  {
          color:white;
          background-color: black;
          font: normal 76% "Arial","Trebuchet MS", "Lucida Grande",Verdana,  Sans-Serif;        
  }
  a { text-decoration: none;color:#CC99FF }
  
  .color
  {
          position: absolute;
          background-color: #2B75E6;
          z-index:24
  
  }
  .news_pop{
  display:none;
  }
  .myblock{
  height:100%;
  width:100%;
  /*background-color:#1C2326;*/
  background-color:#27211B;
  z-index:22;
  position: absolute;
  display:none;
  top:0;
  left:0;
  padding:100px 100px 100px 100px;
  color:#cccccc;
  text-align:center
  }
  .myblock1{
  width:50px;
  height:50px;
  z-index:30;
  position: absolute;
  top:200;
  left:400;
  display:none;
  padding:10px 10px 10px 10px;
  color:#cccccc;
  text-align:center
  }
  
  .mystyle1
  {
  width:500px;
  color:white;
  display:none;
  position: absolute;
  z-index:23
  }
  .mystyle1 img
  {
          border: 5px solid #999999;
  
  }
  .mystyle2
  {
  width:400px;
  color:#66FF33;
  font: normal  "Verdana","Arial","Trebuchet MS", "Lucida Grande",Sans-Serif;
  
  display:none;
  position: absolute;
  z-index:23
  
  }
  .mystyle3
  {
  color:#FF9900;
  display:none;
  position: absolute;
  z-index:23
  
  }
  .mystyle4
  {
  color:#FF9900;
  display:none;
  position: absolute;
  z-index:23
  
  }
  .mystyle5
  {
  
  color:#FF9900;
  display:none;
  text-align:center;
  position: absolute;
  z-index:23
  }
  .mystyle5 img
  {
  border: 5px solid #999999;
  }
  .np
  {
  width:200px;
  }
  .menu
  {
  width:500px;
  color:gold;
  /*display:none;*/
  LINE-HEIGHT : 20px;
  position: absolute;
  z-index:23
  }
  </style>
  <script>
  document.ready(function(){
  $('#demo').click(function(){
  var option = {
    from: "mynews",
    linev:"line_v",
    lineh:"line_h",
     left1:"left_up",
          left2:"left_middle",
          left3:"left_down",
          right1:"right_up",
          right2:"right_down",
          mylink:"mylink",
          myblock:"block",
          newsspeed:10000,
          flashpause:true
          
                  
  }
  
  
  
(C) Æliens 
20/2/2008
You may not copy or print any of this material without explicit permission of the author or the publisher. 
In case of other copyright issues, contact the author.