kboard 최신글 롤링

/wp-content/plugins/kboard/skin/사용중인스킨/latest.php 아래 코드로 교체

<style>
.notice{width:100%; height:250px; overflow:hidden; background-color:#fff;}
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:50px; line-height:50px;}
</style>

<div class="notice">
	<ul class="rolling" style="list-style:none; ">
	<?php while($content = $list->hasNext()):?>
		<li><span class="kboard-user"><?php echo $content->getUserDisplay()?></span>
<span class="kboard-title"><?php echo $content->title?></span>

</li>
	<?php endwhile;?>
	</ul>
</div>

<script>
jQuery(document).ready(function(){
	var rolling = function(){
		setTimeout(function(){
			jQuery('.rolling li:first').animate({marginTop:'-50px'}, 500, function(){
				jQuery(this).detach().appendTo('.rolling').css({'margin':'0'});
			});
			rolling();
		}, 2000);
	};
	rolling();
});
</script>

댓글 달기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

위로 스크롤