TABLEヘッダを隠さず縦横スクロール - 万象酔歩
データ部が上下左右にスクロールするテーブル データ部のみが上下にスクロールするテーブルの作成例を ◇データ部だけスクロールするTABLE；HTMLメモに作成してあります。 今回は上下左右にスクロールするテーブルです。 上のテーブルは以下のコードで出しています。 <style type="text/css"> /* 基本のテーブル定義 */ table.t {border:1px solid #000000;border-collapse:collapse;table-layout:fixed;font-size:16px} table.t td{border:1px solid #000000;height:16px;} table.t th{border:1px solid #000000;font-size:16px} table.t th{background-color:#FFBB
スクロールでtopへ戻るボタンを表示するjQueryコード（スムーススクロール）
（”追記”書きました。） 下にスクロールすると横にtopへ戻るボタンを表示させるjQueryのコードのチュートリアルが公開されていましたのでメモ。 チュートリアルページ→webdesignerwall チュートリアルdemo→demo 上記のページに設置方法も詳しくのっています。デモコードと画像のダウンロードもできます。 チュートリアルページに公開されているCSSのコードとjQueryのコードをヘッド内で読み込み、 下記の例のように、body内のスクロールさせたい要素に”back-top”とidをふり空のspanを入れます。 <p id="back-top"> <a href="#top"><span></span>Back to Top</a> </p> このspanの部分がスクロールボタンになります。 CSSをいじればスクロールボタンの位置やデザインなど変更できます。 ↓↓Demoを作
jQueryでスクロールすると表示する系いろいろ
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
jQueryで遅延ロードを汎用的に実現する「ScrollTrigger」プラグイン
jQueryで遅延ロード（遅延読み込み）を汎用的に実現する「ScrollTrigger」プラグインを紹介します。スクロールで要素が表示されたときに任意の関数を実行できます。 当ブログでも、記事ページ本文下にあるソーシャルブックマークボタンとFacebookのLikeBoxの表示にこの仕組みを使っています。 １．目的 Facebookの「いいね！」ボタンなど、最近ソーシャル系のパーツをブログなどに表示している方が少なくないと思います。 ですが、パーツの表示にはJavaScriptを使っているものがほとんどで、そのまま設置するとページのロード時間が遅くなるケースが多く、結果的にページ表示時間に影響することになります。 本プラグインは、そういったソーシャル系のJavaScriptのロードを遅延させることができ、初回のロード時間を短縮したいときに効果があります。 ２．機能 ページをスクロールして、
株式会社ジラフィー(Giraffy)
会社情報 事業内容 ソフトウェアシステム開発 クール、セキュア、標準準拠をポリシーに、ソフトウェアシステムの開発を行っています。 Web などのインターネット技術を中心とした豊富な開発経験と高い技術力で高品質なソフトウェアをお届けします。 Webサイト制作 Webサイトのデザイン、HTML/CSSコーディング、WordPress などの CMS への組み込みも行います。 既存のWebサイトへの問合せフォーム等の追加も承ります。 スマートフォン向けアプリケーション開発 iPhone や iPad、または Android など、スマートフォン用のアプリケーションの開発を承ります。 その他 BlackBerry 用テーマ Self Shortener (WordPress プラグイン) 会社概要 社名
prototype.jsを利用したスムーズなページスクロール | ユージック
prototype.jsを利用したスムーズなページスクロール 2007年3月14日 最新のPrototype version 1.5.1_rc1と最新のscript.aculo.usのeffects.jsをを使った超簡単でしかも高機能なページスクロールを実現できる記事を見つけたのでご紹介します。 auto-scrolling page navigation 以下のコードをauto-scroll.jsとして保存します。 Event.observe(window, 'load', function() { $$('a[href^=#]:not([href=#])').each(function(element) { element.observe('click', function(event) { new Effect.ScrollTo(this.hash.substr(1)); Event
Firefox の履歴をサムネイル表示してフィルムのように表示するプラグイン
いろいろい調べ物をしていると「さっき見たページどこだったっけ？」ということがよくあります。似たようなフレーズで検索しても見つからないし、履歴も大量にあってどれか分からない。そんなときに役立つのが ThumbStrips というFirefox のプラグイン。アクセスしたサイトを逐一サムネイル化してくれるので、イメージから探し出すときに便利。 しかも、単にサムネイル表示するためではなく、ウィンドウ下部にまるでフィルムのような形で表示されます。マウスを左右の端へ持って行くとスクロールするほか、自動的にスクロールさせるボタンもあります。スクロール速度は調節できます。さらにこのサムネイルつき閲覧履歴を名前をつけて保存してあとで呼び出したり、他のユーザと共有できるようです。試していないですが、本来の履歴だけでなく、違った使い方が考えられそうです。 画像を見て探すだけではなく、文字列による検索もできます
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
scriptaculous.jsでスムーススクロール。 – 伊藤清徳の垂直落下式ムーンサルトプレス
syboos.jp
《亚洲一级A级_片在线看不卡av》BD高清无码完整版在线观看-优播av在线影院