Fx0에서 vintageJS를 사용하고 싶습니다.

■ 시작


jQuery의 플러그인인 vintageJS도 효과가 있을 것 같아서 해봤습니다.

■vintageJS


vintageJS 공식 사이트 효과를 확인할 수 있습니다.
vintage,sepia,greenish,reddish와 파라미터를 자유롭게 설정할 수 있는 사용자 정의가 있습니다.
효과 없음

vintage

greenish

사용자 정의

■ Firefox OS로 jQuery 이동


버튼을 눌러 텍스트의'표시/숨기기'를 진행하여 Hello World의 응용 프로그램을 만들어 보았습니다.
웹 페이지 정보부터 jquery-2.1.3까지.min.js 다운로드, 응용 프로그램 제작.
단순한 코드라서 일부분만 발췌했습니다.
index.html
<script src="jquery-2.1.3.min.js"></script>

....

<body>
  <button id="btn_show_text">Show</button>
  <button id="btn_hide_text">Hide</button>
  <p style="display: none">Hello</p>
</body>
app.js
$(function () {

  $("#btn_show_text").click(function () {
    $("p").show();
  });

  $("#btn_hide_text").click(function () {
    $("p").hide();
  });

});
생성된 코드를 Fx0에 설치하십시오.

똑바로 움직여!
다음은 빈티지JS에 효과를 주고 싶습니다.

좋은 웹페이지 즐겨찾기