TopList 태그와 JavaScript_javascript 기술을 결합한 두 가지 예

(SteamCMS) Fish 템플릿 특별 게시물 1: TopList 태그와 JavaScript를 결합한 두 가지 예
먼저 SteamCMS 표준 템플릿 태그 설명을 참조하여 TopList 태그와 해당 속성에 대해 알아볼 수 있습니다.
상위 목록의 레코드 앞에 숫자를 추가합니다(물론 사진일 수도 있습니다. 여기에는 간단한 예가 나와 있습니다).
원리 설명: 먼저 TopList 중간에 있는 js 변수를 초기화하고, Js 변수에 1을 더한 후 TopList 루프 본문 중간에 출력합니다. (제가 asp 코드를 작성하는 이유와 같습니다.)

키 코드:

.





코드에서 녹색 부분은 전역 변수 i와 함수 doit를 정의합니다. doit 함수는 루프 본문의 빨간색 부분에서 실행되고 i를 출력합니다. 파란색은 TopList 레이블입니다. 빨간색 코드 뒤의 진한 노란색이 제목입니다. 위 코드의 결과는 각 레코드 앞에 숫자를 추가하는 것입니다. 간단하게 유지하세요. 안녕-안녕.


두 번째 예: 다음과 같이 다섯 번째 줄마다 빈 줄을 삽입합니다.
상위 목록의 다섯 번째 줄마다 빈 줄을 삽입합니다(물론 그림이나 기타 책임 있는 내용일 수도 있음). 암호).
원리 설명: 먼저 TopList의 중앙에 있는 js 변수를 초기화하고, Js 변수에 1을 더한 후, TopList 루프 본문에서 js 변수가 5로 나누어지는지 계산하고, 그렇다면 a를 출력합니다. 빈 줄.



키 코드:











<script> <BR>//全局变量 <BR>var i=1; <BR>//输出i，并i自增 <BR>function doit(){ <BR>document.write(i); <BR>i++; <BR>} <BR></script><script>doit();</script><script> <BR>//全局变量 <BR>var i=1; <BR>//输出i，并i自增 <BR>function doit(){ <BR>if(i%5==0){//是否被5整除 <BR> document.write("<br />"); <BR>} <BR>i++; <BR>} <BR></script>코드에서 녹색 부분은 전역 변수 i와 함수 doit를 정의합니다. doit 함수는 루프 본문의 빨간색 부분에서 실행되며 5로 나누어 떨어지는지 확인합니다. 그렇다면 <script>doit();</script>을 출력합니다. 파란색은 TopList 레이블입니다. 빨간색 코드 앞의 노란색이 제목입니다. 위 코드의 결과는 다섯 번째 줄마다 빈 줄을 삽입하는 것입니다. 간단하게 유지하세요. 안녕-안녕.