{$mall_name}

현재 위치
  1. 홈
  2. 게시판
  3. 배너플러스 V1

배너플러스 V1

배너플러스

배너플러스 V1

배너플러스 V1

[내가 쓴 글 보기]
게시판 상세
제목 기본 마크업 구조 및 응용예시
작성자 (ip:)
  • 평점 0점  
  • 작성일 2023-08-12
  • 추천 추천하기
  • 조회수 206





기본 마크업



1
2
3
4
<div js-banner-module="" js-hide>
    <div js-banner><a href="{$js-href}" target="{$js-target}">{$js-banner}</a></div>
    <div js-banner><a href="{$js-href}" target="{$js-target}">{$js-banner}</a></div>
</div>
cs







응용 마크업



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<section class="JS-mainVisual">
  <div class="in">
    <div class="sliderArea" js-banner-module="heritagev3_pc_mainSlide" js-hide>
      <div js-banner>
        <div class="textArea">
          <h3 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.6s">{$js-alt}</h3>
          <h2 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.7s">{$js-banner-description1}</h2>
          <h1 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.8s">{$js-banner-description2}</h1>
          <div class="wrap">
            <h3 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.9s">
              <div>{$js-banner-description3}</div>
              <a href="{$js-href}" class="hide txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="1.0s">바로가기<i class="xi-angle-right-thin"></i></a>
            </h3>
          </div>
        </div>
        <div class="imgArea">
          <a href="{$js-href}" target="{$js-target}"><img src="{$js-src}"></a>
        </div>
      </div>
      <div js-banner>
        <div class="textArea">
          <h3 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.6s">{$js-alt}</h3>
          <h2 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.7s">{$js-banner-description1}</h2>
          <h1 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.8s">{$js-banner-description2}</h1>
          <div class="wrap">
            <h3 class="txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="0.9s">
              <div>{$js-banner-description3}</div>
              <a href="{$js-href}" class="hide txt wow fadeInUpSmall" data-wow-duration="1s" data-wow-delay="1.0s">바로가기<i class="xi-angle-right-thin"></i></a>
            </h3>
          </div>
        </div>
        <div class="imgArea">
          <a href="{$js-href}" target="{$js-target}"><img src="{$js-src}"></a>
        </div>
      </div>
    </div>
  </div>
</section><!-- mainVisual -->
cs
첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
스팸신고 스팸해제 목록 삭제 수정 답변
댓글 수정

비밀번호 :

수정 취소

/ byte

비밀번호 : 확인 취소

댓글 입력
댓글달기 이름 : 비밀번호 : 관리자답변보기

영문 대소문자/숫자/특수문자 중 2가지 이상 조합, 10자~16자

확인

/ byte

왼쪽의 문자를 공백없이 입력하세요.(대소문자구분)

회원에게만 댓글 작성 권한이 있습니다.

WORLD SHIPPING

PLEASE SELECT THE DESTINATION COUNTRY AND LANGUAGE :

GO
close