ile şamandıra zıt değer nasıl değiştirilir HTML/CSS yapısını takip ediyorum.jQuery
CSS:
<style>
#main {
width: 100%;
}
#main-title {
background-color: #b5dcb3;
width: 100%
}
#menu {
background-color: #aaa;
height: 200px;
width: 100px;
float: left;
}
#right-menu {
background-color: #aaa;
height: 200px;
width: 100px;
float: right;
}
#content {
background-color: #eee;
height: 200px;
width: 350px;
float: left;
}
#footer {
background-color: #b5dcb3;
clear: both
}
</style>
HTML:
<div id="main">
<div id="main-title">
<h1>This is Web Page Main title</h1>
</div>
<div id="menu">
<div><b>Main Menu</b></div>
HTML
<br /> PHP
<br /> PERL...
</div>
<div id="content">
<p>Technical and Managerial Tutorials</p>
</div>
<div id="right-menu">
<div><b>Right Menu</b></div>
HTML
<br /> PHP
<br /> PERL...
</div>
<div id="footer">
<center>
Copyright Area
</center>
</div>
</div>
Şimdi float:left
float:right
ve float:right
float:left
olarak değiştirilir aynı ters olarak değiştirilir NEREDE gibi ayna efekti uygulamak istiyorum.
kod örneği: http://jsfiddle.net/mananpatel/mw1sxpx0/
Not: Sol sınıf ve şamandıra: Sağ sınıf I şamandıra için farklı dosya üzerinde tutuyorum.
page load
'da jQuery kodu ile bunun nasıl yapılacağı hakkında herhangi bir fikir.
$(function(){
$('#menu').css('float','right');
$('#right-menu').css('float','left');
});
'$ (" * ")' * * çok geniş. Sadece '$ (' # menu, # right-menu ') '' – SeinopSys
kullanın. –