重新打开这个问题可以吗?它工作正常,但我很难设计这个。我正在尝试使图像向左浮动,并且文本像在演示中一样向右环绕它(非图像内容)。
我的脚本是:
<script type="text/javascript">
$(document).ready(function() {
$('.text')
.before('<div id="slidenav">')
.cycle({
fx: 'fade',
speed: 'slow',
timeout: 6000,
pager: '#slidenav',
pause: 1
});
});
</script>
...
<div id="featured">
<div class="text">
<txp:article_custom form="slidetext" section="slide" limit="5" />
</div>
</div>
我的CSS是:
.text { width: 600px; height: 200px; border: 1px solid #ddd; background-color: green; }
.text div { width: 500px; height: 200px; padding: 15px; color: #333; text-align: left; font-size: 16px; background-color:red; }
.text div img {width: 200px; height: 200px; padding: 3px; background: orange }
.text div p{ background-color:black;}
抱歉,这里没有浮动属性,因为它们都没有工作。我从 jQuery 循环演示页面中抓取了那个 CSS。
结果是
http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg
http://img147.imageshack.us/img147/4434/jqueryhelpdl5.jpg