롤링 텍스트 - 공지등에 이용
올린김에 하나 더 ^^;
공지사항등에 이용하면 좋을듯 합니다.
미리보기는 역시 같은 소스로 제로보드와 연동한 페이지로 대신하며
테스트는 익스6과 파폭 2버젼에서 했습니다
http://poshopzil.com/zb_test_bbs/roll_notice2.php
이하 소스입니다. 그럼 수고하세요~
<?
// 본인에 맞게 수정하세요
$_gnu_url = "http://".$_SERVER['HTTP_HOST']."/gnuboard4";
$g4_path = $_SERVER['DOCUMENT_ROOT']."/gnuboard4";
include_once("$g4_path/common.php");
// 본인에 맞게 수정하세요
$aj_bdid = "test_bd1"; // 게시판 아이디
$aj_con = "7"; // 몇개를 뽑을래
$auc_result=mysql_query("select * from g4_write_$aj_bdid where wr_is_comment='0' and wr_option!='secret' order by wr_id desc limit $aj_con"); // 답변글이 아니고 비밀글이 아닌 것만
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>rollText</title>
<style type="text/css" media="all">
#rollD_r {position:relative; width:276px; height:25px; overflow:hidden; background-color:#f5f5f5;}
#rollD {clear:both; width:273px; height:22px; overflow:hidden; border:1px solid #e4e4e4; top:-2px; left:-2px;}
#rollD ul{list-style-type:none; padding:0; margin:0;}
#rollD ul li {background-color:#f8f8f8; float:left; height:22px; text-align:center; overflow:hidden; font-size:11px; font-family:'돋움'; color:#999; line-height:200%; border-right:1px solid #e4e4e4;}
#rollD ul li#li01 {background-color:#fff; width:200px; text-align:left; word-spacing:2px; letter-spacing:-1px;}
#rollD ul li#pageShow {width:30px;}
#rollD ul li#li02 {width:20px; cursor:pointer;}
#rollD ul li#li03 {width:20px; border-right:none; cursor:pointer;}
#rollD ul li a{color:#777; text-decoration:none;}
#rollD ul li a:hover{color:#39c; text-decoration:underline;}
#rollD ul li img{width:11px; height:11px; border:0; cursor:pointer; margin:5px auto 0 auto;}
#rollD ul li span{text-indent:3px;}
.dsBlock {display:block;}
.dsNone {display:none;}
</style>
</head>
<body>
<div id="rollD_r">
<div id="rollD">
<ul>
<li id="li01">
<?
$j = '1';
while($auc_data=mysql_fetch_array($auc_result)) {
$auc_no = $auc_data[wr_id];
$auc_data[wr_subject] = trim(strip_tags(stripslashes($auc_data[wr_subject])));
$auc_subject=cut_str($auc_data[wr_subject], 28, ''); // 제목 자르고
?>
<span id="rollTextMenu<?=$j?>" class="dsBlock">ㆍ<a href="<?=$g4[url]?>/<?=$g4[bbs]?>/board.php?bo_table=<?=$aj_bdid?>&wr_id=<?=$auc_no?>"><?=$auc_subject?></a></span>
<?
$j++;
}// end while
?>
</li>
<li id="pageShow">1/<?=$aj_con?></li>
<li id="li02" onclick="rollText(-1);" title="이전"><</li>
<li id="li03" onclick="rollText(1);" title="다음">></li>
</ul>
</div>
</div>
<script type="text/javascript" language="JavaScript">
//<![CDATA]
var rollText_k=<?=$aj_con?>; // total
var rollText_i=1; // start
var rollTime = 3000; // roll time
rollText_tt=setInterval("rollText(1)", rollTime);
function rollText(a){
clearInterval(rollText_tt);
rollText_tt=setInterval("rollText(1)", rollTime);
rollText_i+=a;
if (rollText_i>rollText_k){rollText_i=1;}
if (rollText_i==0){rollText_i=rollText_k;}
for (var j=1; j<=rollText_k; j++){
document.getElementById("rollTextMenu"+j).style.display="none";
}
document.getElementById("rollTextMenu"+rollText_i).style.display="block";
document.getElementById("pageShow").innerHTML = rollText_i+"/"+rollText_k;
}
//]]>
</script>
</body>
</html>
공지사항등에 이용하면 좋을듯 합니다.
미리보기는 역시 같은 소스로 제로보드와 연동한 페이지로 대신하며
테스트는 익스6과 파폭 2버젼에서 했습니다
http://poshopzil.com/zb_test_bbs/roll_notice2.php
이하 소스입니다. 그럼 수고하세요~
<?
// 본인에 맞게 수정하세요
$_gnu_url = "http://".$_SERVER['HTTP_HOST']."/gnuboard4";
$g4_path = $_SERVER['DOCUMENT_ROOT']."/gnuboard4";
include_once("$g4_path/common.php");
// 본인에 맞게 수정하세요
$aj_bdid = "test_bd1"; // 게시판 아이디
$aj_con = "7"; // 몇개를 뽑을래
$auc_result=mysql_query("select * from g4_write_$aj_bdid where wr_is_comment='0' and wr_option!='secret' order by wr_id desc limit $aj_con"); // 답변글이 아니고 비밀글이 아닌 것만
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<title>rollText</title>
<style type="text/css" media="all">
#rollD_r {position:relative; width:276px; height:25px; overflow:hidden; background-color:#f5f5f5;}
#rollD {clear:both; width:273px; height:22px; overflow:hidden; border:1px solid #e4e4e4; top:-2px; left:-2px;}
#rollD ul{list-style-type:none; padding:0; margin:0;}
#rollD ul li {background-color:#f8f8f8; float:left; height:22px; text-align:center; overflow:hidden; font-size:11px; font-family:'돋움'; color:#999; line-height:200%; border-right:1px solid #e4e4e4;}
#rollD ul li#li01 {background-color:#fff; width:200px; text-align:left; word-spacing:2px; letter-spacing:-1px;}
#rollD ul li#pageShow {width:30px;}
#rollD ul li#li02 {width:20px; cursor:pointer;}
#rollD ul li#li03 {width:20px; border-right:none; cursor:pointer;}
#rollD ul li a{color:#777; text-decoration:none;}
#rollD ul li a:hover{color:#39c; text-decoration:underline;}
#rollD ul li img{width:11px; height:11px; border:0; cursor:pointer; margin:5px auto 0 auto;}
#rollD ul li span{text-indent:3px;}
.dsBlock {display:block;}
.dsNone {display:none;}
</style>
</head>
<body>
<div id="rollD_r">
<div id="rollD">
<ul>
<li id="li01">
<?
$j = '1';
while($auc_data=mysql_fetch_array($auc_result)) {
$auc_no = $auc_data[wr_id];
$auc_data[wr_subject] = trim(strip_tags(stripslashes($auc_data[wr_subject])));
$auc_subject=cut_str($auc_data[wr_subject], 28, ''); // 제목 자르고
?>
<span id="rollTextMenu<?=$j?>" class="dsBlock">ㆍ<a href="<?=$g4[url]?>/<?=$g4[bbs]?>/board.php?bo_table=<?=$aj_bdid?>&wr_id=<?=$auc_no?>"><?=$auc_subject?></a></span>
<?
$j++;
}// end while
?>
</li>
<li id="pageShow">1/<?=$aj_con?></li>
<li id="li02" onclick="rollText(-1);" title="이전"><</li>
<li id="li03" onclick="rollText(1);" title="다음">></li>
</ul>
</div>
</div>
<script type="text/javascript" language="JavaScript">
//<![CDATA]
var rollText_k=<?=$aj_con?>; // total
var rollText_i=1; // start
var rollTime = 3000; // roll time
rollText_tt=setInterval("rollText(1)", rollTime);
function rollText(a){
clearInterval(rollText_tt);
rollText_tt=setInterval("rollText(1)", rollTime);
rollText_i+=a;
if (rollText_i>rollText_k){rollText_i=1;}
if (rollText_i==0){rollText_i=rollText_k;}
for (var j=1; j<=rollText_k; j++){
document.getElementById("rollTextMenu"+j).style.display="none";
}
document.getElementById("rollTextMenu"+rollText_i).style.display="block";
document.getElementById("pageShow").innerHTML = rollText_i+"/"+rollText_k;
}
//]]>
</script>
</body>
</html>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누4 스킨
5,847건스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.
댓글 30개
이것으로 채웠습니다.
감사합니다.
넘 좋습니다.