PHP로 뉴스티커와 jQuery 뉴스티커 만들기
5 페이지 1
당신은 그가 자신의 비즈니스를위한 훌륭한 사이트를 만들 수 있도록 친구를 약속했습니다. 난 당신이 항상 얘기하는 최악의 lavorativamente에, 물론, 내 경우에는, 최소한 서너 발을 가지고있다는 것을 알고.
당신은 너무 우리가 이틀 전 Visual Studio에서 anniI 세 코드 스니펫 (snippet)을 넣고 ... 내가 정적 디스플레이가 필요 "그러나 프로그래머는 그 친구에게 마음을, 때로는 알고 : 보통 요청은 처음에 낮은 있습니다. 굳은 믿음으로, 다른 사람이 덜하므로.
내가이 미묘한 상황에서 다시 한 번 오전 요청이 시간 뉴스티커에 관한. 음 .. 난 그래서 친절하게 사용자 정의 뭔가를 찾아 작동하도록 설정 결국 나쁜 생각 것으로 예상되지 않는 것으로 알고 있기 때문에.
처음엔 Google 검색 사이트를 찾을 수 JQuery 뉴스티커를 .
나를 설득.
만드는 'HTML은 간단하고 잘 작성된 문서, 방전입니다.
이제 두 번째 문제에 대한 첫 번째 단계가 해결되는 : 내 친구가 DB를 가지고 있습니다 ...
솔루션
항상 소식을 텍스트 파일을 사용할 수있는 DB가있다면 다행히 제 친구가 유일한 문제는 그것이 자신의 뉴스를 만드는 너무 많은 시간을 낭비하지 말아야하는지 확인하고있다 'FTP를 사용하는 방법을 알고. 이 소유권을 선택 :
그것은 이미지를 하위 폴더에 동일한 이름과 이미지의 폴더 아래에 간단한 텍스트 파일로 뉴스를 가지고 쉽게 될 것입니다. 하나 주의해야 할 점은 : 대한 뉴스와 사진에 대해 동일한 이름 (확장자 제외).
나머지 내용은 어디 클래스에게 파일 및 CSS 스타일에 대한 폴더를 초기화하는 데 사용되는 유일한 클래스, jQuery 용 폴더 JS, 시세을하기에 폴더를하는 것입니다.
경유도 이클립스에서 프로젝트의 창조의 스크린샷을 첨부합니다.
JS
최신뿐 아니라 jQuery (서면의 당시 1.6.1) 나 jQuery 뉴스티커로 패키지를 받아 해당 파일을 jquery.ticker.js. 당신은 아무것도 변경하지 말아야, 그냥 DOM을 준비 newsloader.js에 시세를 초기화 파일을 만듭니다.
newsloader.js
/ / DOM 준비
$ (함수 () {
/ / 티커 만들기
$ ( '# JS-뉴스'). 시계 ({
ajaxFeed : 허위, / / 피드 없음
htmlFeed : 사실, / / HTML입니다
titleText : '뉴스 속보', / / 제목 시세
DisplayType : / /이 공개 또는 퇴색, '페이드'를 선택 페이드
방향 : 'ltr', / / 방향 시세
pauseOnItems : 5000, / / 탐색기로 뉴스를 읽을 시간이 걸립니다!
fadeInSpeed : 600, / / 페이드 - 인 속도
fadeOutSpeed : 300 / / 페이드 아웃 속도
});
});
스크립트는이 특정한 경우에 나는 페이드 효과를 사용하고 순수한 미학적 선택을 공개하지 않기로 수도 있습니다 옵션을 통과, DOM 준비에 시세를 생성합니다 않는다.
참고 : 효과가 만들어 공개 "쓰기에서"그것이 이렇게 많은 타자기 않습니다.
또 다른 중요한 설정 pauseOnItems 나는 독자들이 뉴스의 하단에 도착하는 시간을주고 5 초로 설정합니다.
