JavaScript&CSSリファレンス～基本の動きからアニメーションの応用まで～

中山テック 代表の中山です。 さて、以前似たようなブログを執筆しましたが、リファレンス的に残してるので気になさらぬよう・・・ 今回はスクロールして該当の位置に到達すると横からふわっと画像や文字を出す方法についてのブログとなります。 早速、お話したいと思います。 ※参考ページ サンプル function fy_effec...

中山テック 代表の中山です。 さて、Excel系とJavaScriptのブログの「索引」ボタンの横に上下矢印ボタンを設置しました。 ※パソコンとタブレットで見られます ▲ボタンをクリックするとボタンが上に、▼ボタンをクリックするとボタンが下に移動します。 というのも、「索引」ボタンの位置と文字・画像が被って見辛い！と思...

中山テック 代表の中山です。 さて、今回も記事数がかなり多いテーマ、ラジオボタンについてです。 久しぶりに「オンライン見積サービス」を復活させ、ラジオボタンの選択値でお値段を設定する処理を行ってました。 ただ久しぶりに記述する処理なのでまた使う時忘れないよう、備忘を込めたブログとなります。 では早速お話したいと思います...

中山テック 代表の中山です。 当サイトでは様々なジャンルのブログを執筆してますが、当然カテゴリの数もなかなかに多いです。 そこでカテゴリ毎に出し分け出来ないか？と思ってましたが、PHPで試す程の時間もなくJavaScriptでの実装と相成りました（汗 どのように実装すれば良いのか、JavaScriptのプログラムを交え...

中山テック 代表の中山です。 TOPページをちょっといじりまして、見出しに到達したらタイトル表示するようにしました。 ※他のページには差し込んでません ということもあり、各テーマでの索引を追従メニューとして追加しました。 どのように実装すれば良いのか、JavaScript＆CSSのプログラムを交えてご紹介いたします。 ...

中山テック 代表の中山です。 とある人気ゲームレビューと東京競馬場、中山競馬場のブログをちょっと前に分割しました。 その際に見たい内容が分散してしまい「どこのブログに載っていたか」がわかり辛い！ ということもあり、各テーマでの索引を追従メニューとして追加しました。 どのように実装すれば良いのか、JavaScript＆C...

中山テック 代表の中山です。 ホームページ運用をしていると、複数のページに同じ処理を記述しなければならない時が来ます。 ページを開く⇒コピペした処理を貼り付ける⇒ページを閉じるの繰り返しと非常に面倒です。 人の手って思ったより不正確であり、コピペミスが発生する可能性もあります。 ではどのような対処すればよいのか、お話し...

中山テック 代表の中山です。 さて、最近ではゲーム系ブログにJavaScriptをガンガン書き込んでおります。 ちょっと重くなったかもですが 文字列を定数化させることが多いのですが、長くなってしまうこともしばしば。 所が普通に改行してしまうとエラーが発生します。 ではどのように改行すれば良いのか、文字列とプログラムの両...

中山テック 代表の中山です。 突然ですが、スマホでもパソコンでも画像が横にスライドする処理を見たことがありませんか？ 弊社でも以前ゲームブログ内でスライド式広告を表示させていたことがあります。 ※×ボタンを押下すると広告を非表示にさせるという機能付き そんな今回は「複数の画像をスライドさせる」方法についてお話したいと思...

中山テック 代表の中山です。 先日のブログでは、ページ開いて200pxスクロールすると画面最下に固定バナーを表示・追従させました。 今回は「固定バナーを消せるようにする」「消すためのアイコン(または×ボタン)を実装」「消す際に画像を変える」機能をご紹介いたします。 早速、やっていきましょう！ ※先日のブログから肉付けし...