메뉴 보이기
Profile
이온디

2013.08.07

Script

News Ticker - 한줄 전광판, 한줄씩 올라가는 스크립트, 뉴스티커

조회 수 5733 추천 수 0
뉴스티커 입니다. 

페이드 인아웃 방식으로 글자가 바뀌는 한줄 전광판입니다. 

skin/latest/ 아래 업로드 해주세요 


설치 

g4m_newsticker.js 파일은 js 에 복사해 넣으세요 

head.sub.php 파일에 

<script type="text/javascript" src="<?php echo $g4['path']?>/js/g4m_newsticker.js"></script> 
<script type="text/javascript"> 
    //<![CDATA[ 
    $(function(){ 
        $(".newsticker").newsticker(); 
    }); 
    //]]> 
</script> 

추가 

css/style.css 에 스타일 추가 
/* latest skin - g4m_newsticker */ 
.newsticker {list-style-type: none; border:1px dashed #ccc; background-color:#515151; padding:3px; margin:0; height:18px; line-height: 18px; overflow:hidden; text-align:center;} 
.newsticker li a{font-weight: bold; text-decoration: none;color: #FFFF80} 

출력하고 싶은 부분에 

<div style="width: 200px;"> 
<?= latest('g4m_newsticker', "게시판명", 4, 34); ?> 
</div> 

추가해 주세요. 

스타일은 사이트에 맞게 수정하세요.

Profile
7
Lv
이온디

이온디 홈페이지는 간결하며,

 손쉽게 수정할 수 있습니다.

0개의 댓글

에디터
번호 제목 날짜 조회 수
공지 [웹표준] 코딩 배울 수 있는 사이트 모음(HTML/CSS/JS/IMG/PHP) 2018.01.03 99
공지 [jQuery] jQuery를 배울수 있는 동네들입니다. 2013.08.09 19176
공지 [미분류] 관련 링크 2010.05.23 33743
139 [jQuery] 왼쪽에 숨겨진 레이어를 보여주자 2013.08.09 4251
138 [Script] 전체화면 레이어 팝업 소스 2013.08.09 12007
137 [웹폰트] Daum font로 Google Font API 따라잡기 2013.08.09 4050
[Script] News Ticker - 한줄 전광판, 한줄씩 올라가는 스크립트, 뉴스티커 2013.08.07 5733
135 [웹폰트] 구글 웹폰트 서비스 이용하기 2013.08.06 4522
134 [웹접근성] 웹 접근성 이슈 2013.08.06 5118
133 [HTML5] IE보완 - 조건부 주석 2013.08.06 4850
132 [웹접근성] 웹접근성이란 2013.08.06 3842
131 [HTML5] img style 속성 2013.03.12 5894
130 [Meta] Meta Tag(메타태그) 사용법 2013.03.05 6850
129 [부트스트랩] #2 부트스트랩의 특징 1 2013.03.04 5645
128 [부트스트랩] #1 부트스트랩이란? 2013.03.01 4089
127 [HTML5] HTML5 시멘틱 구조 태그 2013.02.28 4667
126 [부트스트랩] 부트스트랩의 아이콘 지원 브라우저 2013.02.25 3695
125 [부트스트랩] 기본 부트스트랩 템플릿 2013.02.24 4026
124 [PHP] 쿠키를 굽자 2013.02.22 3519
123 [Script] 자바스크립트로 CSS 불러오기 2013.02.22 4522
122 [UI] jquery menu slide 2012.12.16 9008
121 [Script] 로그인창 띄우기 2012.12.14 4686