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
jQuery で実現する パララックス効果をヒントにしたシンプルで新しいスクロール背景 - こじょらぼ
背景画像のトップとボトムが、ページのトップとボトムと一致するように、 ページの長さに応じてスクロール量が変化する背景を設定する方法です。 ページのスクロールとは独立して(ページの縦幅に関係なく)、背景は背景画像の高さ(height)までしかスクロールしません。 ちょっと前から主流の fixed や、伝統の scroll に並ぶ、 新しい種類の背景(background-attachment)と言えるのではないでしょうか！ 特徴 繰り返さない一枚絵の美しさと、ユーザーの操作に応えるインタラクションを兼ね備えています。 パララックス効果を使った背景よりもシンプルです。 実装もシンプルで比較的 簡単です。 サンプルページ 当ブログのトップページがサンプルです。 コンテンツのスクロール量と、背景のスクロール量に注目。 スクロール バーでスクロールさせると、滑らかで分かりやすいかも知れません。 続き
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
