|
<html>
<head>
<title>jQuery & CSS</title>
<script src="jquery-1.5.1.js"></script>
<style type="text/css">
.sinif1{
background:yellow;
color:red;
font-size:30px;
width:400px;
}
.sinif2{
background:red;
color:yellow;
font-size:15px;
width:200px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
$("#btCssDegistir").click(function(){
if($("#metin").hasClass("sinif1")){
$("#metin").removeClass("sinif1");
$("#metin").addClass("sinif2");
}
else{
$("#metin").removeClass("sinif2");
$("#metin").addClass("sinif1");
}
});
});
</script>
</head>
<body>
<button id="btCssDegistir">CSS Değiştir</button>
<div id="metin" class="sinif1">Veysel Uğur KIZMAZ</div>
</body>
</html>
|