タグ

2013年8月9日のブックマーク (10件)

  • 一定時間で繰り返す(setTimeout)-JavaScript入門

    HOME JavaScript入門 一定時間で繰り返す(setTimeout) 前のページではsetInterval()を使ったタイマー設定について見ました。 このページではもう一つのタイマー設定方法、setTimeout()について説明していきます。 setTimeout()を使ったサンプルスクリプト setTimeout()は設定時間後に関数を呼び出す命令文で、 それ自体では繰り返しは起こりません。 例えば以下のスクリプトをHTMLのBODY内に書いてみてください。 3秒後にメッセージが表示されて終わりになります。 <form> <input type="button" value="Timer" onclick="setTimeout('mes()',3000)"> </form> <script> function mes() { alert("3秒経ちました!"); } </sc

  • ウィンドウ名.scrollBy()-JavaScriptリファレンス

    windowオブジェクトのscrollBy()メソッドは、スクロール位置を、現在位置から指定距離だけ移動します。 スクロールの移動距離には、マイナスの値も指定できます。 指定したスクロール位置がページサイズを超えている場合には、指定が無効となります。 window.scrollBy はウィンドウ表示位置を相対的に移動する際に使用します。 絶対位置に移動する際には window.scroll や window.scrollTo を使用してください。 ■構文・引数・戻り値 HTML + JavaScriptソース <html> <head> <script> function sample1() { window.scrollBy(0,50); } function sample2() { window.scrollBy(0,-100); } </script> </head> <body>

  • JavaScriptリファレンス

    ウィンドウ名.alert() …… [OK]ボタンのみの警告ダイアログを表示する ウィンドウ名.confirm() …… [OK]と[キャンセル]ボタンを持つ確認ダイアログを表示する ウィンドウ名.prompt() …… 文字入力ダイアログを表示する ウィンドウ名.defaultStatus …… ステータスバーにデフォルトで文字列を表示する ウィンドウ名.status …… ステータスバーに(一時的に)文字列を表示する ウィンドウ名.length …… ウィンドウ内のフレーム数を参照する ウィンドウ名.open() …… 新しいウィンドウを開く ウィンドウ名.close() …… ウィンドウを閉じる ウィンドウ名.closed …… ウィンドウが閉じているかどうかを返す ウィンドウ名.name …… ウィンドウ名を参照する ウィンドウ名.opener …… オープン元の親ウィンドウを参照

  • JavaScriptでページのトップに滑らかにスクロールさせる

  • 【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript | KLUTCHE

    最近ではページ内でリンクを飛ばす際には当然の仕様となっているスムーススクロールを簡単なタグで実現します。 どうだい?スムースだろ? デモページ 個人的にこの動きが大好きです。 1時間くらいならずっとスクロールを見ていられます。 の時なら半日はいけます! HTML <a href="#bottom">下へスムース!</a> なにも工夫しなくて良いです。 ただ#をつけてアンカーポイントへリンクを貼るだけです。 jQuery依存のスクリプトなので、head内でjQueryを呼び出しましょう。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> その後に以下のスクリプトを書きます。 <script type="text/java

  • スクロール-JavaScript入門

    HOME JavaScript入門 スクロール ここでは、ページを上下にスクロールさせる方法について取り上げます。 特定の位置にジャンプしてもらいたい時や、 タイマーと組み合わせてスタッフロールを作ったりすることができます。 ページをスクロールさせる では、以下のスクリプトをHTMLのBODY内にコピー&ペーストしてみてください。 改行タグを沢山入れて、スクロールバーを表示させています。 ページ先頭<br> <br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br> <form> <input type="button" va

  • not found

  • [マーケティング] 食べログを抜いた!RettyのSEO施策のパフォーマンスがすごい件 : まだ仮想通貨持ってないの?

    スポンサードリンク なんですか、これ。びっくりしました。ウェブマーケターの方は知っておいて損のない事例です。 まとめ記事で検索トップに躍り出る 「新宿 カフェ」で検索すると、Rettyの「新宿にあるハイセンスなおしゃれカフェ人気20選 - Rettyグルメ」が1位にヒットします。NAVERまとめもべログも抜いてトップ。 「渋谷 カフェ」でもマップの検索結果を除くと1位! 「池袋 カフェ」でも1位。なんですかこれ。 検索結果にヒットするのは、いずれもRetty内の「まとめ」コンテンツ。 ユーザーの投稿をまとめて表示するという、Rettyらしいまとめ記事。規模感のあるCGMだと、こんなこともできるんですね。 「まとめコンテンツ」は表面的な結果で、恐らく他にも込み入った内部施策などを実施した上で、この検索結果の獲得に至っているのでしょう。nanapiに加えて、SEO施策のベンチマーク先としてチ

    [マーケティング] 食べログを抜いた!RettyのSEO施策のパフォーマンスがすごい件 : まだ仮想通貨持ってないの?
  • タダは正義だ。FUSION 「SMARTalk」は基本料0円で050番号が使える! : ギズモード・ジャパン

    無料で始められる050アプリ「SMARTalk」を絶対使うべき7つのシチュエーション2013.12.26 22:00Sponsored 三浦一紀 1つでも当てはまったら即インストール! 無料で使える050アプリ「SMARTalk」。先日こちらの記事でご紹介しましたが、皆様もうインストールされましたでしょうか? 簡単にSMARTalkの概要を解説しますと、登録するだけで無料で050の番号をもらうことができる、フュージョンが提供するIP電話サービスです。もちろん、SMARTalk同士の通話は無料。その上、固定電話や携帯電話などへの通話は約60%オフの8.4円/30秒という、格安料金になるのです。 実はフュージョンは、今までのスマートフォンの電話番号そのままで通話料が半額になる「楽天でんわ」も提供している会社です。こちらでご紹介している通り、楽天でんわもとてもお得なサービスですが、SMARTal

    タダは正義だ。FUSION 「SMARTalk」は基本料0円で050番号が使える! : ギズモード・ジャパン
  • Farmer's KEIKO『【農家のレシピ】ゴーヤの保存方法&種・ワタレシピ   ~★永久保存版★~』

    屋久島の天然記念物「屋久杉」のような王者の風格 ゴーヤの茎です。今年はすごい立派な茎でした。 無理やり切られた傷跡が痛々しいですが・・。 っというわけで、今日で今年のゴーヤレシピは最終回です まずは、普段は捨てている「種」「わた」、栽培している人用に「葉」のレシピ。 そして、保存方法をご紹介いたします。 ******************************** ゴーヤのワタ・種をたべましょう~ ゴーヤで料理を作るときって、必ず「ワタと種」を取り除きますよね。 でも、これもべられるんですよ ゴーヤを栽培している人は「葉」もべられます。 率直な意見として・・葉と種は「べられる」という感じ。 ワタは「べてください!」という感じ・・。 わかります? ワタって美味しいんですよ~ 生のままべてみてください。まったく苦くないんですよ 調理する時、ワタと種を分けます。ちょっと面倒なので、

    Farmer's KEIKO『【農家のレシピ】ゴーヤの保存方法&種・ワタレシピ   ~★永久保存版★~』