nosのブックマーク / 2012年5月8日 - はてなブックマーク

nos id:nos

2012年5月8日のブックマーク (4件)

jQueryで横スクロールのアニメーションするサイトを作る方法
「Smooth Vertical or Horizontal Page Scrolling with jQuery」で紹介されていた方法を参考に、jQueryでサイト全体を横や縦にスクロールさせる１つの方法を紹介しちゃいます！。デモスクロールさせる方法はいくつかあるのですが、今回の記事では一番簡単だと思われる方法を紹介することにします。まずは、デモをごらんください。元記事のデモはもっとかっこいいです。デモを見る考え方基本的には、下のイメージのように、横スクロールでは、コンテンツを横に並べて、横長のコンテンツを作り、スクロールバーをスライドさせて見えるコンテンツを制御するのが一般的です。縦スクロールの場合も考え方は同じです。 ※縦スクロールのやり方は記事の後で紹介します。基本レイアウト HTMLとCSSは、下記のようになります。 <!DOCTYPE html> <html lan
nos 2012/05/08
リンク
Mega Moolah dan Immortal Romance: Duel Slot Legendaris
Selamat datang dalam dunia slot online yang dipenuhi dengan keajai ban! Dua slot legendaris, Mega Moolah dan Immo rtal Romance, dipandang sebagai favorit pem ain dengan fitur-fitur unik serta pengalaman bermain yang tak terlupakan. Mega Moolah dikenal sebagai slot yang mempunyai jackpot progresif terbesar. Dengan tema safari yang menghibur, pem ain dapat meraih hadiah besar melalui mekanisme jackpot p
nos 2012/05/08
背景全面 Javascript スライド
リンク
[JS]高性能で設置も簡単、ブラウザ枠いっぱいに背景画像を配置するスクリプト -bgStretcher
デモページ：Super Slider スライドのスーパー版で、斜め方向のスライドで画像を切り替えます。 bgStretcherの主な特徴セットアップはシンプル全てのモダンブラウザをサポート画像は一枚だけでなく、複数枚にも対応対応ブラウザ Internet Explorer 6, 7, 8, 9 Firefox 2, 3, 4 Opera 9+ Safari Chrome bgStretcherの使い方 Step 1: ファイルのダウンロードサイトの「Download」よりファイル一式をダウンロードします。一式には必要なファイル全て（jqeury.jsも）が含まれています。 Step 2: 外部ファイル外部ファイルを下記のように<head>～</head>に記述します。 <script type="text/javascript" src="../jquery-1.5.2.mi
nos 2012/05/08
リンク
jQueryで背景画像を全画面表示する
jQueryで背景画像を全画面表示する最近ではjavascriptでも表現できることが飛躍的に増え、Flashサイトのようなリッチなサイトも多くなってきましたね。ということでFlashサイトと聞いて一番最初に思い浮かべそうな背景画像の全画面表示というのをjQueryで作成してみたいと思います。投稿日2010年11月30日更新日2011年04月26日 html+cssの準備背景画像を全面表示するっていうタイトルですが、cssのbackgroundにはサイズを指定するプロパティがないので、気持ち悪いけど画像は普通に配置します。 html <img src="101121_2.jpg" width="100%" height="100%" id="bg" /> <div id="contents"> <h1><a href="#">jQueryで背景画像を全画面表示する。</a></h
nos 2012/05/08
リンク
- 2012年5月12日
- 2012年5月8日
- 2012年5月7日