모바일 사이트에 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
  • 사용 시 허가증을 준수하십시오.
    • 우리 리액션에 대해 깊이 토론합시다(3부분)
    Common-beanutils로 맵을 실체 클래스 대상에 집합하기

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage