トップ
サービス
事例
コラム
会社概要
お問い合わせ
トップ
サービス
事例
コラム
会社概要
お問い合わせ
Column
コラム
TOP
コラム一覧
jQueryの一覧
カテゴリーから探す
EC
HTML・CSS
Podio
TEGARU
Tips
Trends
WordPress
イベント
事例
集客方法
アーカイブから探す
2024年
2023年
2022年
2021年
2015年
2023.11.21
Tips
明奈
jQuery|ページを読み込み後の処理が効かない場合に試してほしいこと
jQueryのページを読み込み後の処理が効かない場合は、以下のステップを試してみることをお勧めします。 例 $(window).load(function() { // 処理 }); こちらの記述がきかない場合は、jQueryのバージョンを確認してください。 jQuery3.0以降では上記の記述だと効かなくなるため、以下の記述をしてください。 $(window
jQuery
READ MORE
2023.06.20
HTML・CSS
明奈
CSS|[jQuery]data属性の使用方法③(data属性を取得し、色を切り替える方法)
これまで2回にわたり、CSSでのdata属性の使用方法を紹介しました。気になる方は以下の記事もご覧ください。 deta属性の使用方法①[タイトルに仮名を付ける方法] deta属性の使用方法②[ラベルを作成し、文言や色を指定する方法] 今回はdata属性をを取得し、色を切り替える方法を紹介します。まずは、下記の[Result]の中にある赤、青、緑のボタンをそれぞれ押してください。
jQuery
READ MORE
2023.03.29
HTML・CSS
明奈
スライダープラグイン[slick]を使用して、スライダーに動画を使用する方法 (自動再生)
今回は、スライダーのプラグイン[slick]を使用して、スライダーに動画を入れ、自動再生してくれるように作成します。 初めに まずはどんな感じになるか、画像をクリックしてデモをご覧ください。 [video width="452" height="330" mp4="https://autoproject.nagoya/wp-content/uploads/Document-Google-
jQuery
READ MORE
2023.01.10
HTML・CSS
明奈
CSSで指定した!important をjQueryのcssTextプロパティを使い上書きする方法
!importantとは? 指定するとどうなる [!important]は、CSSスタイルが適用される優先順位を最優先にする際に用いられます。 何よりも優先してCSSの指示を効かせるやり方で、CSSスタイルがどうしても効かない場合に使うと、便利です。 ただ、[!important]を使用しすぎると、どのスタイルが優先するか、ブラウザが混乱する為、乱用は避けましょう。 jQueryでの上書き
jQuery
READ MORE
2015.05.20
Tips
みわ
一定の文字数以上は「….」として表示させる
文字数が40文字以上の時は、それ以降を「...」と表示させる方法。 例えば、下記URLで使用しています。 http://www.imcshop.com/brand/eleven.htm ソースが下記の場合。 <ul> <li><a href="../86/sheetcover/1110080093.htm">TOYOTA86 ZN6型 Lu
jQuery
READ MORE