お品書き
書き直し中…
とりあえず、中へどうぞ
↓↓↓
スポンサーリンク

JavaScript

WEBデザイン

bxsliderオプションの解説と動かない時のチェックポイント

簡単にスライドショーが作れる「bxslider」ですが、オプションを指定することで色々と設定を変えることができます。 が、最初にハマったのは、そのオプションの書き方・・・ 【どこに書くの?】 公式ページの解説にある、インストールの仕方に書い...
WEBデザイン

スライドショーが簡単に作れるbxsliderが便利過ぎる

なんか難しそうなスライドショーが、やってみたら超簡単に実現できた! こんな奴ですね。 (今どきないと思いますが、当然、javascriptが動かないブラウザでは画像が羅列されるだけとなります。) 最近の企業HPのトップページなども、画面いっ...
WEBデザイン

配列を使ったおみくじ 今日の運試しにいかが?

JavaScriptのお勉強(番外編) 配列からランダムにデータを取り出す方法を応用して、おみくじボタンを作ってみました。 配列に「大吉」「中吉」みたいなのを格納しておいて、ランダムに表示させるだけですね。 さて、今日の運勢は?(笑) 占う...
WEBデザイン

ランダムに表示される広告の出現率を変える

JavaScriptのお勉強(6) 前回の(5)で、秒数を取得して偶数か奇数かで配信される広告を「ASP-1」か「ASP-2」かに割り振りましたが これだと、比率が50%:50%に固定されてしまいますね。 例えば「ASP-1」を2割、8割は...
WEBデザイン

ブログ大改造終了!表示が早くなった!\(^o^)/【結論:スクリプトはなんでも外部非同期化すれば良いわけではない】

【結論:スクリプトはなんでも外部非同期化すれば良いわけではない】 ここ2週間ほどJavaScriptの勉強をした成果?で、スクリプトをとにかく非同期化すれば良い、というものではないという結論に…
WEBデザイン

広告ランダム表示スクリプトv2

JavaScriptのお勉強(5) とりあえず、Google Adsense だけなら、今はGoogleの広告コードは非同期に変更されていますので、コードをそのまま貼れば良いわけですが。 でも、Google以外のアフィリエイト広告も貼りたい...
WEBデザイン

配列/配列からランダムに抽出【JavaScript】

配列の宣言には2種類の書き方があるそうです。 (A) var hairetsu = new array(); (b) var hairetsu = [] これで、空の配列が宣言されました。(配列を空にすることを「初期化」と呼ぶ) 中身のある...
WEBデザイン

innerHTMLの中でスクリプトを動かす事はできない?【JavaScript】

(1)インラインでdocument.write(2)インラインでinnerHTML(3)上の(1)を外部スクリプト化(同期)(4)上の(2)を外部スクリプト化(同期)(5)上の(1)を外部スクリプト化(非同期)(6)上の(2)を外部スクリプト化(非同期)…
WEBデザイン

任意の範囲のランダムな整数を生成する

例:0~Xの範囲の整数を生成するには var num = Math.floor( Math.random() * 範囲の最大値 ); Math →JavaScriptの組み込み関数(いろいろな数学的処理ができる) Math.floor() ...
WEBデザイン

三項演算子とは【JavaScript覚書】

ある条件式の結果が「真(true)」の時に実行するコマンド、「偽(false)の時に実行するコマンドを指定する書き方。 一般的な if (条件式) { コマンド } else { コマンド } という書き方を簡略した書き方 この三項演算子が...
WEBデザイン

演算子「 ==」【JavaScript覚書】

※演算子「 == 」は比較演算子と言い、左右の式の値が同じ時に真(true)、異なる時に偽(false)を返す。 例:以下の場合、「 a 」と「 b 」の値が一致していないので、偽(fales)になるので、comannd2が実行される。 <...
WEBデザイン

演算子「 % 」【JavaScript覚書】

※演算子「 % 」は割り算の「余り」を出力する。 偶数は2で割ると必ず割り切れるので、例えば num % 2 == 0 という式が真(true)であれば偶数、偽(false)であれば奇数であるという事が判別できる。 ⇒ 比較演算子「 == ...