我试图拆分我的页脚,以便左对齐和右对齐文本.我有以下,但这两个元素一个接一个地显示:
#footer {
clear: both;
background-color: #330066;
padding: .5em;
font-size: 0.8em;
color: #fff;
}
#footer p .left {
text-align:left;
float:left;
}
#footer p .right {
float:right;
text-align:right;
}
<div id="footer">
<p class="left">
Copyright © 2009
</p>
<p class="right">
Designed by xxxxxx
</p>
</div>
Run Code Online (Sandbox Code Playgroud)
应该是非常简单我敢肯定,但我无法让它工作 - 任何人都可以提供任何建议吗?
谢谢
海伦
我正在使用JQuery库来显示具有不透明滑动描述的图像.我需要添加一个链接列表,以便用户可以覆盖单击链接时显示的图像.如何在点击链接时覆盖图库图像?
$(document).ready(function() {
//Execute the slideShow
slideShow();
})
function slideShow() {
$('#gallery a').css({opacity: 0.0});
$('#gallery a:first').css({opacity: 1.0});
$('#gallery .caption').css({opacity: 0.7});
$('#gallery .caption').css({width: $('#gallery a').find('img').css('width')});
$('#gallery .content').html($('#gallery a:first').find('img').attr('rel'))
.animate({opacity: 0.7}, 400);
setInterval('gallery()',6000);
}
function gallery() {
var current = ($('#gallery a.show')? $('#gallery a.show') : $('#gallery a:first'));
var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#gallery a:first') :current.next()) : $('#gallery a:first'));
var caption = next.find('img').attr('rel');
next.css({opacity: 0.0})
.addClass('show')
.animate({opacity: 1.0}, 1000);
current.animate({opacity: 0.0}, 1000)
.removeClass('show');
$('#gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { …Run Code Online (Sandbox Code Playgroud)