Janela de mensagens de aviso

-
<div id="fdf_float" align="center">

-
<script type="text/javascript">

-
jQuery(document).ready(function(){

-
jQuery("#closedfstc").click(function(){

-

jQuery("#fdf_float").hide();

- });

- });

- </script>

-
<style type="text/css">

• #fdf_float a {

-
position: fixed;

-
bottom: 80px;

-
text-decoration: none;

-
right: 20px;

-
z-index: 3000;

• }

-
a#caixflofstc {

-
position: fixed;

-
bottom: 10px;

-
line-height: 16px;

-
text-align: left;

-
right: 10px;

-
z-index: 1;

-
opacity: 0.8;

-
width: 360px;

-
height: 120px;

-
background: #cf3737;

-
color: #fff;

-
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;

-
padding: 10px;

-
text-decoration: none;

-
font-size: 11px;

-
font-family: Tahoma;

-
border: 1px solid #771b1b;

-
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #f66c6c 0px 1px 0px;

-
border-radius: 3px;

• }

-
a#caixflofstc:hover {

-
opacity: 1;

• }
• #caixflofstc strong {

-
font-family: "Trebuchet MS";

-
display: block;

-
font-size: 14px;

-
padding-bottom: 5px;

• }
• </style>

-

<a href="#" id="caixflofstc"><span id="closedfstc" style="float: right;">x</span>Conteúdo</a>

- </div>

Galera eu tenho esse código. Eu queria utilizar o ajax para executar depois e marcar como lido e verificar antes de mostrar na próxima vez, como eu faria isso? Eu estou tendo algumas dificuldades.