広島の格安ホームページ制作は全国対応アクトスタイルにお任せください!

JavascriptFlow of Javascript production

Javascriptサンプル

JavaScriptとは、Sun Microsystems社とNetscape Communicationsとが共同で開発したクライアントサイドスクリプト言語で、HTMLファイル内に直接記述することができ、ブラウザの機能を利用する事ができます。

従来は静的な表現しかできなかったWebページですが、JavaScriptで計算力や情報検索力の動きを与えることにより、いろいろな表現の可能性と効果が表現出来るようになりました。

HTML&JavaScriptで書かれたページは、ほとんどの主要なWebブラウザで動かすことができますので、特別のソフトがなくてもこれを実行することができます。

画像ギャラリー

画像ギャラリー

画像ギャラリー(1)

デモをみる

左側のサムネイルをクリックすると、中央に大きめの画像が表示され、別の左側のサムネイルをクリックすると前のコンテンツをフェードアウトしながら次のコンテンツがオーバーレイで表示されます。

中央の画像をクリックすると拡大画像が確認できます。

画像ギャラリー

画像ギャラリー(2)

デモをみる

下部メニューをマウスオーバーすると縦方向に半透明の画像が現れスクロールします。

画像をマウスオーバーするとフェードインで明るい画像が現れ画像をクリックすることでリンク先にも飛ぶことができます。

画像ギャラリー

画像ギャラリー(3)

デモをみる

サムネイル画像をクリックするとクリックした画像の下に、拡大画像、タイトル、詳細説明が表示されます。

「Visit website」から他ページへのリンクも可能です。

スライドショー

画像ギャラリー

スライドショー(1)

デモをみる

画像イメージがオートまたは左右のボタンで次々とスライドしていきます。各画像にはキャプションを入れることも出来ます。

また画像をクリックすることでリンク先にも飛ぶことができます。

画像ギャラリー

スライドショー(2)

デモをみる

マウスオーバーで画像が左右になめらかなスピードでスライドするオシャレなJavascriptです。

また画像をクリックすることでリンク先にも飛ぶことができます。

画像ギャラリー

スライドショー(3)

デモをみる

さまざまなエフェクトをかけながら画像がスライドします。

画像をクリックすることでリンク先に飛び、画像の下部にキャプションも入れることが出来ます。

画像ギャラリー

スライドショー(4)

デモをみる

画像がオートでスライドし、キャプションを入れることが可能です。キャプションの位置は左右上下のパターンがあります。

また画像やキャプション内にリンクを貼ることもできます。

その他

画像ギャラリー

メニュー系(1)

デモをみる

左側のメニューがオートでスライドし、右コンテンツ部も左メニューに合わせてオートで変化します。

また、左側のメニューをマウスオーバーすることで右コンテンツぶの画像が変わり、リンク先にも飛ぶことができます。

画像ギャラリー

サーチボタン(1)

デモをみる

邪魔にならない検索スペース。

検索ボタンをクリックすると検索ワードを入力するスペースが現れます。スマートフォン対応。

画像ギャラリー

テキスト

デモをみる

指定したテキストが5つのパターンで動きます。

動くスピードは設定可能。ホームページ内のアクセントに使えそうです。

ホームページ制作