我有以下HTML/CSS结构。如何使用jQuery更改float的相反值
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>
现在我想申请等,其中float:left
改为float:right
和相同的反向WHERE float:right
改为float:left
镜面效果。
代码示例:http://jsfiddle.net/mananpatel/mw1sxpx0/
注:我保持对浮法不同的文件:左类和float:正确的类。
任何想法如何使用jQuery代码在page load
上做到这一点。
'$(“*”)'*方式*太宽泛。只需使用'$('#menu,#右键菜单')' – SeinopSys
感谢您使它具体@ DJDavid98 – 2015-07-21 09:31:15