hr 要素をかっこよく使う | ヨモツネット
概要 hr 要素は構造を区切るためのものではなく、線を引くだけの要素で、u 要素, i 要素, big 要素などと同じ視覚的な目的で使用される要素でそのレンダリングは UA 依存のため枠線が消えなくてもおかしいというわけではなさそうです。 hr 要素はブロック要素なので CSS で border を none にして、width, height や background を指定すれば装飾が可能です。しかし IE では hr 要素の border を消すことができません。Firefoxや opera, Netscape などの CSS をしっかり処理してくれるブラウザでは border を消すことができます。 そこで、IE だった場合のみ、hr 要素を div 要素に置き換えしてしまうための JavaScript を書いてみました。(mixi でご助言下さった皆様、ありがとうございました。)
[JS]ページ内をスムーズにスクロールできるスクリプト(応用編)
ページ内をスムーズにスクロールするスクリプトの応用編です。 スクリプトのダウンロードや基本的な使い方は、基本編を参照ください。 [JS]ページ内をスムーズにスクロールできるスクリプト(基本編) スクロール先の地点をピクセル単位で調整する方法 横移動有りでスムーズにスクロールさせる方法 別ページからスムーズにスクロールさせる方法 スクロール先の地点をピクセル単位で調整する方法 スクロール先の地点をピクセル単位で自由に調整することができます。 スクリプトの使い方：スクロール先の地点を微調整 スクロール先の地点を微調整をする方法 デモページ ページの全体をdivで括ります。 <div id="allDocument">～</div> リンク元の記述 <a href="#h201" onclick="toAnchor('h201',100); return false;">h201に移動 -100
![[JS]ページ内をスムーズにスクロールできるスクリプト(応用編)](https://cdn-ak-scissors.b.st-hatena.com/image/square/bc54860ba06deaa45382cf2bddc929515def0354/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fshared%2Flogo-2014050501-en.png)
[JS]ページ内をスムーズにスクロールできるスクリプト(基本編) | コリス
当サイトでも使用しているページ内をスムーズにスクロールするスクリプトの紹介です。 スクリプトの概要 JSファイルのダウンロード ページの先頭へスムーズにスクロールさせる方法 ページ内の任意の場所にスムーズにスクロールさせる方法 メモ 更新履歴 横移動や別ページからスムーズにスクロールできる方法は、応用編です。 [JS]ページ内をスムーズにスクロールできるスクリプト(応用編) スクリプトの概要 ページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプトです。 動作環境 Win IE5, IE5.5, IE6, IE7, Firefox1.5, Firefox2, Opera8, Opera9, Safari3.01beta Mac Safari1.5, Safari2, Firefox1.5, Firefox2 使用条件 本スクリプトは、非商用利用に限りフリーで使用すること
JavaScript関数に関する様々なテクニック集:phpspot開発日誌
Functional Javascript Lisp? Scheme? Erlang, Haskell? Forget about them! The most widely deployed functional programming language is Javascript. JavaScript関数に関する様々なテクニック集が紹介されていました。 まずは基本的なJavaScript関数の使い方 <script language="javascript"> function hello(who) { alert('Hello '+who); } hello('world'); </script> 「Hello World」を出力。 続いては関数リテラルのシンタックスによる関数の定義。 <script language="javascript"> var hello = funct
JavaScriptでIEかどうかをたったの1行で判別する方法:phpspot開発日誌
Dean Edwards: Sniff! My current frog exaggerator of choice JavaScriptでIEかどうかをたったの1行で判別する方法。 なんと、次の1行だけで、isMSIE 変数に、IEで見れば true 、そうでなければ false を代入することが出来ます。 var isMSIE = /*@cc_on!@*/false; 次のサンプルコードで確認しました。 <html> <script language="javascript"> var isMSIE = /*@cc_on!@*/false; if (isMSIE) { alert('IE!'); } else { alert('not IE!'); } </script> <body> </body> </html> IEであれば IE! を alert し、そうでなければ not I
押さえておきたい15のJavaScriptスニペット:phpspot開発日誌
WebCodr.com Blog Archive 15 Javascript Snippets You Can’t Live Without Please Note: We have moved to our new home WebCodr.com - please update your links and bookmarks! 押さえておきたい15のJavaScriptスニペット。 画像読み込み＆フェーディング 動的テーブル カレンダー選択ウィジェット タブバー ドラッグできるWindow ズームできるイメージサムネイル LightBox2 ドラッグ＆ドロップなショッピングカート ドラッグ＆ドロップなソート可能リスト JavaScriptのロギング＆デバッギング フォントリサイズの検出 地図上にポインタとテキストを置く フォトアルバム＆スライドショー スライドダウン＆アップアニメーシ
実装してみたいjavascript15選『15 Javascript Snippets You Can’t Live Without』 – creamu
DiaryTechnology 実装してみたいjavascript15選『15 Javascript Snippets You Can’t Live Without』 javascriptでweb2.0な動きを実装してみたい。 そんなあなたにおすすめなのが、『15 Javascript Snippets You Can’t Live Without』。実装してみたいjavascript15選だ。 このエントリーでは、素敵なjavascript のデモページを紹介してくれている。リンクしたページは、デモがあり、サンプルコードが配布されている。 フェードインする画像処理や、定番のscriptaculousのドラッガブルソート、サイトは知っていても、でもページを探すのに苦労したりするから、こうした特集はとても参考になる。 参考にして、新しい動きを実装してみたいですね。 DBからPHPからいろいろ
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」:phpspot開発日誌
様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」 2007年03月29日- Control.Modal : Unobtrusive CSS Modal Windows and Lightboxes for Prototype Control.Modal is a light weight, unobtrusive JavaScript library for creating modal windows and lightboxes using HTML that is already on the page, images, AJAX calls or iframes. 様々なLightBox風ダイアログを超簡単に作れるJavaScriptライブラリ「Control.Modal」。 LightBox は、同じウィンドウ内で背景
入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル:phpspot開発日誌
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS＆JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル＋画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
lockエラー | 月額200円からのレンタルサーバー JSN
auのトップページのような、伸縮してスライドするメニューをjavascript+cssで作れるみたいです。「Image Menu」というライブラリで、動かすにはmootools.jsが必要のよう。 <script type="text/javascript" xsrc="imagemenu.js" mce_src="imagemenu.js" ></script> <div id="kwick"> <ul class="kwicks"> <li><a class="kwick opt1" xhref="" mce_href="" ><span>TOP</span></a></li> <li><a class="kwick opt2" xhref="" mce_href="" ><span>CSS</span></a></li> <li><a class="kwick opt3" xhref
Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」:phpspot開発日誌
Javascript Developer Tools Javascriptの文法チェックや圧縮などが行えるWEBツール「Javascript Developer Tools」。 左上のタブのＬｉｎｔ にて文法チェックが行えます。Minify、De-Minifyによって改行などの削除によってスクリプトサイズ削減、そして、その反対が出来るようです。 ブラウザ上で行える簡易開発ツールとして活用できそうですね。
極短JavaScriptでプルダウンメニューを作る [ホームページ作成] All About
プルダウンメニューを作る 狭い空間に様々なページへのリンクを凝縮できる「プルダウンメニュー」を作ってみましょう。 プルダウンメニューそのものはHTMLで簡単に作ることができます。 選択された項目に応じてページを移動するにはJavaScriptを使う必要があるのですが、 記述量はわずか1行（半角20文字！）で済みます。 今回ご紹介する方法で作ると、以下のようなプルダウンメニューができあがります。 上記のプルダウンメニューは、実際に機能します。（移動したら、ブラウザの「戻る」ボタンで戻ってきて下さい。） ※JavaScriptが使えないか無効な環境では機能しません。 記述するJavaScriptは、わずか20文字 早速、プルダウンメニューを実現するソースをご紹介致しましょう。 以下のようにHTMLを記述すると、4つの項目があるプルダウンメニューができあがります。 <form> <select
![極短JavaScriptでプルダウンメニューを作る [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」:phpspot開発日誌
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 （※↓は画像です） 知っておくと、レイアウトを崩さないでテーブルのようなＵＩ が必要な部分で使えそうですね。 設置方法は次の様に簡単 １．ライブラリを読み込み <script type="text/javascript" src="webtoolkit
超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応:phpspot開発日誌
Ext Documentation Centor 超リッチJavaScriptコンポーネント集「Ext」がprototype.jsに対応。 以前、「Yahoo UI Libraryを拡張した超リッチなコンポーネント集」で紹介したリッチなコンポーネント集はYahoo UI Library 用のものでしたが、 なんと、prototype.js+script.aculo.usでも動作するようになりました。 尚、jQueryにも対応しているようです。 こうしたコンポーネントライブラリで、コアとなるライブラリを選択できるのはより多くの開発者が使えていいですね。 ライブラリだけではなく、テーマを切り替えることも出来て、自由度がいい感じです。 コアとなるライブラリを切り分ける、という、このライブラリ自体の設計部分にも注目したいですね。 コアライブラリの切り替え 画面内ウィンドウ データグリッド タブ風Ｕ
CSSとJavascriptだけでスライド効果を実現する方法（script.aculo.usとか抜きで） | SIMPLE*SIMPLE
テキストなどがするすると現れたり消えたりするスライド効果はときどき使いたくなりますよね。ただ、それだけのためにPrototype.jsとかscript.aculo.usを使うのもね・・・という方のためのスライド効果作成講座。 細かいところはコードを見てもらうとして、素敵なスライド効果をシンプルなスクリプトだけ（CSSとJavascript）で実現できます。ダウンロードもできます。 » Firblitz: Re: How to Create Digg Comment Style Sliding DIVs with Javascript and CSS 応用例としてスライドする時間を設定したり、スライド終了時にアラートしたりする方法も紹介しています。 個人的にはまだまだJavascriptを勉強中なので、このサイトの丁寧な説明がうれしかったですね。 setTimeoutとかこう使うのねー、と読
JavaScriptist - javascript/ajax/サンプル/入門/リファレンス/ライブラリ
サイト更新情報 2006/12/06 よく使われているページを検索窓から簡単に辿れるようにしました。(検索窓に「prototype」と入力) 2006/11/27 JavaScript入門/応用サイトJavaScriptistオープン！ 2006/11/23 試して確認できるJavaScriptオンラインエディタを公開 2006/11/20 JavaScriptリファレンス、逆引きサンプル集を公開 2006/11/19 JavaScriptライブラリ活用ページ公開 2006/11/15 JavaScriptistベース機能の構築完了 過去のサイト更新情報
Javascriptで画像置換の方法にもバリエーションを::::::STOPN' LISTEN::::::to the silence:::::::
免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wrapScroll JavaScript Library - youmos
http://youmos.com/news/javascript_slideshow.html