한줄씩 위로 스크롤되는 최신글 정보
최신글 한줄씩 위로 스크롤되는 최신글첨부파일
본문
추천
28
28
댓글 전체
잘쓰겠습니다.
추천합니다.
선추천 후 다운 ^ ㅡ ^
와~ 감사합니다.
좋네요~!
추천합니다
좋습니다. ^^
감사합니다.... 수고 하셧어요...
스크랩합니다...
새로글이 올라왔을경우 새로고침없이 표시해주나요?
추천~후다운 ~ ^^
감사합니다.
감사합니다
좋은스킨 감사합니다.
배경으로 테두리 된것도 빼고, 2줄만 롤링되는 것으로 변경해보았습니다.
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<style type="text/css">
.ticker {
width: 100%;
height: 30px;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
#ticker_02 {
height: 45px;
}
.ticker li {
height: 17px;
border-bottom: 1px dotted #DDD;
padding: 3px;
margin: 0px 3px;
}
.subject {
height: 20px;
font-family:dotum;
font-size:12px;
color:#333;
font-weight:bold;
}
</style>
<ul id="ticker_02" class="ticker">
<?php for ($i=0; $i<count($list); $i++) { ?>
<li><?php
echo $list[$i]['icon_reply'] . " ";
echo "<a href='{$list[$i]['href']}'>";
if ($list[$i]['is_notice'])
echo "<span style='font-family:돋움; font-size:9pt; color:#2C88B9;'><strong>{$list[$i]['subject']}</strong></span>";
else
echo "<span style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$list[$i]['subject']}</span>";
echo "</a>";
if ($list[$i]['comment_cnt'])
echo " <a href=\"{$list[$i]['comment_href']}\" style='font-family:돋움; font-size:8pt; color:#9A9A9A;'>{$list[$i]['comment_cnt']}</a>";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
echo " " . $list[$i]['icon_new'];
echo " " . $list[$i]['icon_file'];
echo " " . $list[$i]['icon_link'];
echo " " . $list[$i]['icon_hot'];
echo " " . $list[$i]['icon_secret'];
?></li>
<?php } ?>
</ul>
<script type="text/javascript">
<!--
function tick(){
$('#ticker_01 li:first').slideUp( function () { $(this).appendTo($('#ticker_01')).slideDown(); });
}
setInterval(function(){ tick () }, 5000);
function tick2(){
$('#ticker_02 li:first').slideUp( function () { $(this).appendTo($('#ticker_02')).slideDown(); });
}
setInterval(function(){ tick2 () }, 3000);
function tick3(){
$('#ticker_03 li:first').animate({'opacity':0}, 200, function () { $(this).appendTo($('#ticker_03')).css('opacity', 1); });
}
setInterval(function(){ tick3 () }, 4000);
//-->
</script>
<?php
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
?>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<style type="text/css">
.ticker {
width: 100%;
height: 30px;
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
#ticker_02 {
height: 45px;
}
.ticker li {
height: 17px;
border-bottom: 1px dotted #DDD;
padding: 3px;
margin: 0px 3px;
}
.subject {
height: 20px;
font-family:dotum;
font-size:12px;
color:#333;
font-weight:bold;
}
</style>
<ul id="ticker_02" class="ticker">
<?php for ($i=0; $i<count($list); $i++) { ?>
<li><?php
echo $list[$i]['icon_reply'] . " ";
echo "<a href='{$list[$i]['href']}'>";
if ($list[$i]['is_notice'])
echo "<span style='font-family:돋움; font-size:9pt; color:#2C88B9;'><strong>{$list[$i]['subject']}</strong></span>";
else
echo "<span style='font-family:돋움; font-size:9pt; color:#6A6A6A;'>{$list[$i]['subject']}</span>";
echo "</a>";
if ($list[$i]['comment_cnt'])
echo " <a href=\"{$list[$i]['comment_href']}\" style='font-family:돋움; font-size:8pt; color:#9A9A9A;'>{$list[$i]['comment_cnt']}</a>";
// if ($list[$i]['link']['count']) { echo "[{$list[$i]['link']['count']}]"; }
// if ($list[$i]['file']['count']) { echo "<{$list[$i]['file']['count']}>"; }
echo " " . $list[$i]['icon_new'];
echo " " . $list[$i]['icon_file'];
echo " " . $list[$i]['icon_link'];
echo " " . $list[$i]['icon_hot'];
echo " " . $list[$i]['icon_secret'];
?></li>
<?php } ?>
</ul>
<script type="text/javascript">
<!--
function tick(){
$('#ticker_01 li:first').slideUp( function () { $(this).appendTo($('#ticker_01')).slideDown(); });
}
setInterval(function(){ tick () }, 5000);
function tick2(){
$('#ticker_02 li:first').slideUp( function () { $(this).appendTo($('#ticker_02')).slideDown(); });
}
setInterval(function(){ tick2 () }, 3000);
function tick3(){
$('#ticker_03 li:first').animate({'opacity':0}, 200, function () { $(this).appendTo($('#ticker_03')).css('opacity', 1); });
}
setInterval(function(){ tick3 () }, 4000);
//-->
</script>
감사합니다.
스크랩해갑니당.
감사합니다.
추천~!!
감사합니다.
감사합니다.
멋진스킨 감사합니다
그런데 한곳에 두개를 최신글을 넣으니까 하나만 작동되네요
두개다 작동되게 할수 없나요 ㅠ.ㅠ
그런데 한곳에 두개를 최신글을 넣으니까 하나만 작동되네요
두개다 작동되게 할수 없나요 ㅠ.ㅠ
다운받았습니다. 잘 사용할게요
수고하셨습니다. 좋은자료 감사합니다.
괜춤네요 만드느라 고생하셧습니다
감사합니다. ㅎㅎㅎ
여러 곳에 응용이 가능할 듯 싶네요. 고맙습니다.