タグ

2013年8月30日のブックマーク (2件)

  • 文字がフェードイン,フェードアウトします

    サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか? コピーしてご自由にご利用ください。 文字が白から黒へフェードインします サイトやブログをJavaScriptを 使って動きのあるページに、 スタイルシートで見栄え良く装飾してみませんか? コピーしてご自由にご利用ください。 サンプルソース <html> <head> <title>文字がフェードイン,フェードアウトします</title> <script language="JavaScript"> <!-- var flag="in"; var i=254; function fade(){ (flag=="out") ?i++ : i-- ;  //トグルスイッチ、条件演算子 if(i==255){ //フェードイン document.getElementById("botan

    文字がフェードイン,フェードアウトします
    ar0
    ar0 2013/08/30
  • jarallax.jsの使い方解説

    こんにちは、デザイナーのサリーです。 JSを書けない私が、いろいろとパララックスのJSを漁ってみて、一番書き方がシンプルでわかりやすそうだったのが「jarallax.js」でした。 使ってみたら簡単でいい感じでしたが、ところどころクセがあって悩んだ箇所があったので、覚え書きの意味も兼ねて、今回はjarallax.jsの使い方を解説します。 (注:スマホやタブレットでは上手く動きませんので、PCでご覧ください。詳しくはこちら「パララックスサイトをつくるときにディレクターが気をつけるべき4つのこと」をどうぞ。) jarallax.jsとは? パララックスの動きが実装できるJSです。その名の通りjQueryを使用します。 公式ページはこちら: http://www.jarallax.com/ HTML <!DOCTYPE html> <html lang="ja" dir="ltr"> <hea

    jarallax.jsの使い方解説