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에 효과를 주고 싶습니다.
Reference
이 문제에 관하여(Fx0에서 vintageJS를 사용하고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YusukeYamamoto/items/e01aebc3b34a52ca2e69
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
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에 효과를 주고 싶습니다.
Reference
이 문제에 관하여(Fx0에서 vintageJS를 사용하고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/YusukeYamamoto/items/e01aebc3b34a52ca2e69
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
<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>
$(function () {
$("#btn_show_text").click(function () {
$("p").show();
});
$("#btn_hide_text").click(function () {
$("p").hide();
});
});
Reference
이 문제에 관하여(Fx0에서 vintageJS를 사용하고 싶습니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/YusukeYamamoto/items/e01aebc3b34a52ca2e69텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)