jQuery：ロールオーバー画像をクリックで固定させる
jQueryを使うとロールオーバーとかも楽に設定できるし、 先日のように、クリックで背景を変更することも可能だ。 今日はロールオーバー部分でクリックしたとき、 クリックした部分の画像は、ロールオーバー時のままにしておきたい、 そのままの状態にしておくようにするスクリプトにしてみた。 クリックで背景画像を入れ替える その２ 先日の背景画像を入れ替えるで作ったのを改良してみた。 ■スクリプト (function($) { $(function() { $.ham.bglink(); $.ham.rollover(); }); $.ham = { 画像＆背景切り替え部分 bglink: function(options) { var c = $.extend({ imgSelector: 'ul li a img', linkSelector: 'ul li a', bgSelecter: 'd
jQuer基礎：attrを学ぶ
また基礎的な事を勉強。 今までしっかり勉強していなかった分、 基礎の学習は本当にいろいろな事を学ぶ。 今回はattrを勉強 DOMの属性関連を扱うattr 例えば、titleのないところにtitleをつけたりできる。 ■サンプル１ソース $(document).ready(function(){ $("input.samp1").click(function(){ $("p.addtitle").attr({title:"タイトルを付けました"}); var title = $("p.addtitle").attr("title"); $("span.sp1").text(title); }); }); ■サンプル１ HTMLソース <p class="addtitle">ここのタイトルが変化します→ <span class="sp1">変化後のタイトル名をここに表示</span> </p
もっと少量のjQueryコードでHTMLテーブルの列にリンク先を指定できるようにする方法
ちょっとしたコードの解説 せっかくなので、どういうコードなのかというのを、さらっとみましょう。 jQuery(function($) { //data-hrefの属性を持つtrを選択しclassにclickableを付加 $('tbody tr[data-href]').addClass('clickable') //ata-hrefの属性を持つtrをクリックしたら動作 .click( function() { //data-href属性の値をattr()メソッドで取得し、ページを遷移させる window.location = $(this).attr('data-href'); //もしtr内にa要素があれば、a要素にホバーした時に以下動作させる }).find('a').hover( function() { //a要素の先祖要素trのクリックイベントを解除 $(this).paren
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
