Klaus Hartl - Stilbüro : Accessible, unobtrusive JavaScript tabs with jQuery
May 13th, 2006 Category: JavaScript, Web Development, jQuery Here is a jQuery plugin that lets you create JavaScript tabs very easily - once you assembled the HTML with just one line of JavaScript code. Starting with HTML the plugin relies on the following structure: <div id="container"> <ul> <li><a href="#section-1">Section 1</a></li> <li><a href="#section-2">Section 2</a></li> <li><a href="#sec
tinyscrolling解析 | Takazudo Clipping*
ライブラリとかのjavascriptよーく見たら勉強になりそうだなーと思って、自分の好きな、tinyscrollingというjavascriptの中身を見てみました。 tinyscrollingというのは、するするーとスムーズにスクロールするjavascriptです。一応、このブログでも、似たようなものを使っています。ページの下方法にある、「ページの先頭へ」を押すと、するーっと上に行きます。tinyscrollingを単純に読み込んでみたサンプルはこちら。 tinyscrollingを読み込んだHTMLサンプル 中身を一個一個見ていったら、かなり勉強になったなぁ。丸一日かかったけど…。 間違ってる所あるかもしれないけども（特に言葉の使い方が）、ソース解説します。 解説用にTakazudoがコメント書き込みまくったjavascriptはこちら。 このHTMLサンプルとjavascrip
ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」:phpspot開発日誌
リアルタイムにファイルをアップロード可能なExtベースJavaScriptライブ... 次の記事 ≫：PhotoShopからFlickrに直接画像をアップできるプラグイン「FlickrShop」 jsScrolling Also check out a new version of this script. It's faster and has prettier code, but you can't hack it as much. ブロックのスクロール実装を便利にするJavaScriptライブラリ「jsScrolling」。 画像で実装したスクロールバーをブロック要素に付けた例 右側にプレーンな分かりやすいスクロールバーを付けてみた例 実装は、必要なライブラリを読み込んだ後、次のようなコードですごく簡単に実装できます。 scroller = new jsScroller(docum
文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
yuga.js :: Kyosuke.jp
yuga.jsって？ ウェブサイトを作る上で面倒な部分を自動で実装したり、ちょっとした機能を簡単に追加したりするJavaScriptです。jQueryを使って作られています。Web制作を優雅にするために作られました。 設置方法 まず、ファイル一式をダウンロードし、読み込みたいサイトの任意のフォルダに配置します。 yuga.jsを使いたいHTMLファイルのhead要素でjavascriptを読み込みます。 <link rel="stylesheet" href="css/thickbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/thickbox.js"></s
SHOWTIME 6.0@work » Blog Archive » スライドショーを小技と共にまとめてみる。
Use your widget sidebars in the admin Design tab to change this little blurb here. Add the text widget to the Blurb Sidebar! Posted: 4月 3rd, 2008 | Author: show-hey | Filed under: Flash, JavaScript, コネタ | 2 Comments » webでスライドショーと言って「写真ばっかり見せてどうすんの？」と思われる方がいるかもしれないが、考え方によっては、いろんな事に使える。 ある意味それだけで完結してしまう。 個人的にも今まで作ったものをまとめようと、そういったスライドショー関連のものを探していたので、今仕事で使っているものも含め、気になったものをいろいろレヴューしてみた。 情報参照元 新しいWe
jQuery TOOLS - The UI library for the Web
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
【DHTML サンプル集】チェックボックスで選択したグループに入力制限をかける - JavaScript@Workshop
<script language="Javascript"> function Click_Sub1() { if (document.all.chk1.checked==true) { document.all.t1.disabled=false document.all.t2.disabled=false document.all.t3.disabled=false } else { document.all.t1.disabled=true document.all.t2.disabled=true document.all.t3.disabled=true } } function Click_Sub2() { if (document.all.chk2.checked==true) { document.all.c1.disabled=false document.all.c2.
Java-Script
<HTML> <HEAD> <SCRIPT language="JavaScript"> <!-- function calc_total(){ kingaku = 0; for (i=0; i<document.myform.length-1; i++){ if (document.myform.elements[i].checked){ kingaku += eval(document.myform.elements[i].value); } } document.myform.goukei.value = kingaku + " 円"; } //--> </SCRIPT> </HEAD> <BODY> <form name="myform"> <table border=1 cellpadding=4> <tr><td> <input type="checkbox" value="5
jQueryとmootoolsを同時に使う方法
ネタ元：mootoolsとjQueryを一緒に使う方法 | チバのブログ 以前から試してみよう、試してみよう！と何度も思ってやってこなかったことで、 jQueryとMootoolsを同時にしようしたい！という気持ちがあった。 jQueryとprototypeの同時使用は以前から知っていたのですが、 同じ方法でjQueryとMootoolsの同時使用ができるのですね！ jQueryは指定とかが簡単なライブラリだけど、 いろいろな動作をさせるにはmootoolsの方が動きが綺麗だなと思っていた。 海外のサイトではjQueryも使われているが、 なんとなくMootoolsも多く使われている印象があったので、 今後の参考として、同時に使う方法をメモとして残しておきます。 ポイントは指定の順番らしい ライブラリを読み込む順番が重要で、 順番通りに書かないとエラーで動作しなくなるようだ。 指定の順番は
javascript メニュー - Google 検索
2023/10/26 · この記事では「JavaScriptを使ったハンバーガーメニューの実装方法」について解説します。ハンバーガーメニューはWebサイトを構築する上でほぼ必ずと ...
Javascriptのメニュースクリプト30 – creamu
Quenessというサイトで、Javascriptのメニュースクリプトがまとまっています。 ざっといくつかご紹介。 ・アコーディオンメニュー » Dynamic drive Accordion menu » i-MarcojQuery Accordion Menu ・Dockメニュー » MacStyleDock » Mootool Fisheye ・ドロップダウンメニュー » Superfish Menu » jQuery Context Menu ・スライドメニュー » Slide Menu » iPod Drilldown Menu ・ツリーメニュー » Tree Panel » Sitemap Styler その他のリストは以下からどうぞ。 » 30 Javascript Menu Plugins and Scripts 昨日は焼肉。うまかった〜。
Ajaxを勉強しよう
このページはAjaxを勉強してみたい人向けの学習用ページです。サーバーを入れ替えたため一部CGIを使用したものが動作していません。時間のある時に修正します。また、書いてから、かなり時間が経過しているため内容的に古いものもあります。ご了承ください。 Ajaxで利用されるエフェクトに関しては別ページ(Ajax Effect)に移動しました。 Ajax関連書籍に関してはAjax関連書籍一覧ページを用意しました。 Prototype系ライブラリ サンプルプログラム【New !!】のページを用意しましたので、Prototype系のライブラリを利用している方は参考にしてみてください。 ミスや間違いなどがありましたらopenspc@po.shiojiri.ne.jpまでお願いします。 第一章 Ajaxって？ AjaxとRIA AjaxとDHTML AjaxとFlash Ajaxに必要な知識と技術 Aja
日付オブジェクト
date = new Date(); new Date() 現在の日付を所得します。 date = new Date(); yy = date.getYear(); getYear() 現在の年を所得します。 1999年までは1900年からの差分を返します。 2000年以降はブラウザにより動作が異なります。 以下のようにして修正します。 date = new Date(); yy = date.getYear(); if (yy < 2000) yy += 1900; date = new Date(); mm = date.getMonth() + 1; getMonth() 現在の月を所得します。(月は0～11を返すので1を足します) date = new Date(); dd = date.getDate(); getDate() 現在の日にちを所得します。 date=new Dat
JavaScript Marquee Demo
止めたり出来ます ソース <div id="m3" style="width:400px;border:red solid 1px;">止められます</div> <div><button id="m3toggle">止める</button></div> <script type="text/javascript"> var m = new Marquee('m3'); var b = document.getElementById('m3toggle') b.onclick = function(){ if ( m.isMarqueeing() ){ m.stop(); b.innerHTML = '始める'; } else { m.start(); b.innerHTML = '止める'; } }; </script> 結果
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://youmos.com/news/jsscrolling
CSSデザインできるスクロールバー表示JavaScript （fleXcroll） - youmos
http://blog.e-riverstyle.com/2009/06/js.html
http://634.ayumu-baby.com/javascript/js_emailcheck.html