Plugin para deixar cantos de elementos html arredondados.
Bom primeiramente vamos baixar a última versão do Jquery, no exemplo eu testei com a versão 1.3.2. (aqui).
Após realizado o download do Jquery vamos baixar o plugin jQuery Corner (aqui).
Vamos ao html agora..
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="pt-br" />
<title>Cantos Arredondados</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript" charset="utf-8">
/* <![CDATA[ */
$().ready(function(){
$("#hp").corner("round");
});
/* ]]> */
</script>
</head>
<body>
<div id="hp">
<p>Conteudo aqui</p>
<p>Conteudo aqui</p>
<p>Conteudo aqui</p>
<p>Conteudo aqui</p>
<p>Conteudo aqui</p>
</div>
</body>
</html>
Muito simples :D
Veja aqui mais exemplos:
http://malsup.com/jquery/corner/
Feito até a próxima.
[]'s
Marcadores: Javascript, Jquery
0 Comments:
Postagem mais recente Postagem mais antiga Página inicial
Subscribe to:
Postar comentários (Atom)