Virgo - DHTML
マウスに追従して動きます。サンプルは画像を用いたものですが、ソースの値を変更することで、これが テキスト形式 にも、レイヤー形式 にも出来ます。ちなみに一番、労力が少なくてすむのはレイヤー形式です（笑）。御自分の好きなようにカスタマイズして使用して下さい。 以下のサンプルは何らかの大掛かりなものを作成する上でテスト的に作成したもの、もしくは実験的に作成したものが殆どです。 それ故、SCRIPT はかなり粗雑に構成されています。解説等はしていませんのでご了承下さい。 下に行くほど手の込んだものが多くなる傾向にあります。順不同。 尚、外部ファイル（Arith, Dimension, Point3, Gradation, Client, Element, Action クラス , Class Library 参照）を使用しており、単独では動作しないものが殆どです。 これらの中で Material
ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ:phpspot開発日誌
Ajax Digest // Drag&drop javascript libraries review ドラッグ＆ドロップが簡単に出来るJavaScriptライブラリまとめ。 DHTML Goodies デモ DOM Drag デモ Walterzorn Drag&Drop デモ X Library デモ Drag-and-Drop extension for Prototype デモ Toolman DHTML デモ Rico デモ DragLib デモ Yahoo User Interface Library デモ script.aculo.us JavaScriptのライブラリは単純に機能がいいというだけではなく、動作の軽さ、ファイルサイズの軽さも気になる点ですね。 それぞれに性質があって出来る/出来ないことがあったり、コーディング方式が自分のスタイルにあっているとかもあって選択肢
ドラッグ＆ドロップできるサイドメニューの折りたたみ（その1：基本設定）
「Docking boxes」という、JavaScript + CSS でサイドメニューの折りたたみとドラッグ＆ドロップを実現したスクリプトの紹介です。WordPress をお使いの方は管理画面で利用されているのでご存知の方も多いのではないかと思います。 本記事では一般的な設定方法を紹介し、「その2：ブログへの適用」で Movable Type 等への設置方法について説明します。 配布元にサンプルがありますのでお試しください。 １．スクリプトのダウンロード Docking boxes(dbx) のページの「Get the Script」からアーカイブをダウンロードします。アーカイブを解凍した中から下記のファイルのみを使用します。 dbx.css（または dbx-allrules.css） dbx.js dbx-key.js 他のファイルおよび画像はサンプルのためのものです。全てをアップロー
F-site | クロスOSなマウスホイールアクション
MX 2004にて追加されたonMouseWheelですが、MACでイベントを取れないという致命的な面があり、対応策としてaddCallbackの使用法を紹介します。 手法としてはJavaScriptで値をaddCallbackに渡します。 公開直前微調整で不具合が出てしまっていたようです。 現在復旧完了しました。 使用したサンプルはこちら http://www.muraken.biz/f-site/scroll JavaScriptに関してはこちらをご参照ください。 ▽AS側の記述▽ import flash.external.*; var methodName = "handleScrollEvent";//JavaScriptからの呼び出し名 var instance = null; var method = scrolling;//実行function名 var wasSucces
SEO対応Javascriptニュースティッカー | 秋元@サイボウズラボ・プログラマー・ブログ
Accessible JavaScript Newsticker 複数のニュースを、一個ずつ順番に表示させるギミック。サンプルはこちら。 何が”Accessible”かというと、Javascriptがオフの時でもニュースが一覧でHTMLソースに存在する、つまり、検索エンジンから認識される、ということだろう。JavascriptやCSSを使ってdegradableな階層メニューを作るような話題とこのあたりは同じ。 逆に、ページに表示されるけれど検索では引っかからない、ような表示内容にしたければ、ニューステキストをJavascript側で処理して表示させるようなものを作ればよい。 [追記] 百式の田口さんがほぼ同時に別のJavascriptティッカーを紹介されていた。Javascriptでお手軽ティッカーを実現 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散してい
テキストエリアとかリサイズ可能にする JavaScript
■ テキストエリアとかリサイズ可能にする JavaScript 好評の、読み込ませるだけシリーズ の6番目。 このスクリプトを読み込ませるだけで、ウェブ上にある TEXTAREA とかその他色々好きな要素がリサイズ可能なやつに大変身。とりあえずサンプル見るのが手っ取り早いです。 実際の動作サンプル テキストエリアの右下にマウスカーソルを持っていくとカーソル形状がかわるので、そのままドラッグするとサイズも変わります。 自分はグリモンスクリプトで快適なんですが、サービス提供側でこういう機能を提供してくれたら幸せな人が増えるんじゃね？とか思ったので作ってみました。 実際のリサイズ方法に関しては、愛用している Changing <textarea> Size のコードが大変参考になりました。ありがとうございます。 コードは次の通りです。 メイン部分。 var ElementResizer = {
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascriptでお手軽ティッカーを実現 i d e a * i d e a -