모바일 사이트에 docomo 그림문자 표시 ②

2794 단어 emojiJavaScript
이어 저번 투고 휴대전화 사이트에서 도코모 그림문자를 장식해 봤다.

이런 느낌<span class="emoji sun"></span>의 기술로 스마트폰 사이트(for iOS/Android)에 기능도 문자를 표시한다.
  • HTML 파일은 UTF-8 형식으로 가정됩니다.
  • 결국 이번에도 이미지(CSS sprite)로 표시한다.
  • 데모


    이쪽을 보세요.
  • http://hkusu.github.io/emojisprite_demo/
  • 사용할 라이브러리


    emoji-splite라는 JavaScript 라이브러리를 사용합니다.
  • https://github.com/matsubo/emoji-sprite/wiki
  • 단계 설명 가져오기


    절차.

  • 라이브러리 가져오기
  • https://github.com/matsubo/emoji-sprite
  • $ git clone git://github.com/matsubo/emoji-sprite.git
    
  • index.) CSS 파일 포함
  • index.html
    <link rel="stylesheet" href="emoji-sprite/lib/emoji-sprite/emoji.css">
    
  • HTML에 기재
  • index.html
    これは<span class="emoji sun"></span>晴れマークです。<br>
    これは<span class="emoji cloud"></span>曇りマークです。
    

    결실


    브라우저에 뜨면 이런 느낌이야.

    시위 행진의 소스를 여기에 놓아라.

  • https://github.com/hkusu/emojisprite_demo

  • 보세요index.html.
  • 기타

  • 참고한 글은 다음과 같다.
  • 1시간 안에 스마트폰 사이트를 스마트폰으로 바꾸는 대응 방법
  • 그림 문자의 이미지는 6급 아파트에서 공개된다.
  • http://www.sixapart.jp/about/emoji.html
  • 사용 시 허가증을 준수하십시오.
  • 좋은 웹페이지 즐겨찾기