キーワード検索「マウスオーバー」
495
はじめに2010 年 9 月 21 日、ツイッターで深刻な脆弱性(ぜいじゃくせい)が発見され、被害が広がっています。これが何なのか、簡単に説明します。JavaScript とマウスオーバーイベントまず、下のピンク色の枠内にマウスカーソルをすべらせてみてください。この枠の中をマウスカーソルで触って!どうでしたか。「触ってくれてありがとう!」というメッセージが表示されましたね。このように、ウェブページ...
348
概要: 日本時間の9月21日午後6:54に Twitter におけるセキュリティ上の弱点に対する 悪用が30分前より発生していることを確認し、即座に問題の対応にあたりました。日本時間21日午後11時までに問題の主要因を解決し、22日午前1:15にホバーカードに関連した小規模な問題も解決が完了しました。 詳細: 昨日夜に発生したセキュリティ上の弱点を付く悪用は、クロスサイトスクリプティング (XSS...
211
CSSのプロパティ一つに対して、値を二つ（開始と終了）変更し、さまざまなCSS3アニメーションの基本的な実装例を楽しめるデモサイトを紹介します。 デモページを楽しむには、Chrome, Safariで閲覧ください。 Firefoxでは一部動作しません。 アニメーションのスタートは、2つあります。 マウスオーバーで一つ一つのアニメーションがスタート アニメーションが全部同時にスタート 全部同時にアニ...
174
Webサービス世界的猛威を奮ったTwitterマウスオーバー・バグはどう広まった？2010.09.22 10:30[0][0]タグ:TWITTER , twitterこれは今朝世界中を席巻したTwitterバグにやられたブラウン元英首相夫人のTwitter公式サイト。巨大な英文字「h」が出て、日本のポルノサイトに自動リンクしてます...なんとまあ...。ツイッター公式Webでリンクをマウスオーバー...
158
なかなか面白い試みだったので 備忘録。現在数多くのjQueryを 使用したギャラリーが存在し、その 中には多くのLightbox風ギャラリー が存在します。今日、ご紹介する のはそんなギャラリーを作成する ソフトウェアです。 jQueryを使用したギャラリーを作成するジェネレーターになりますね。ちょっとこの発想はありませんでした。Jquery Photo Viewerオンラインのジェネレーターでは...
139
twitterでXSS脆弱性発生カテゴリニュース1 ： 絵本作家(catv?)：2010/09/21(火) 20:48:54.40 ID:N9k777o3i● ?BRZ(10000) ソース http://twitter.com/Hamachiya http://twitter.com/hapinano/status/25102437219 Web以外のクライアントは問題なし document.b...
131
Animated Buttons with CSS3 これは超カッコいい!CSS3を使ったアニメーションするボタン実装サンプル集 ボタンといえば、マウスオーバーした時に色が変わって、押した時に凹みエフェクトが付くようなものが一般的ですがCSS3によってその自由度は大きく上がるようです 使わずとも一度はかならず見ておきたいボタン集となってます アイコン付きのボタン カーソルを合わせるとアイコンが拡大...
136
mindmaps HTML5ベースのオープンソースなマインドマップ作成ツール「mindmaps」 マインドマップツールも色々ありますが、HTML5ベースで、インタフェースも結構イケてるツールの紹介。ソースのダウンロードも可能です。 項目をマウスオーバーすると赤い丸が出るのでそれをドラッグ＆ドロップでツリーをどんどん広げていけるインタフェースも使いやすいです。 マウスホイールでマインドマップ自体の拡...
77
![[jQuery] プラグインを使わずに少しのコードを使ってテーブルのセルを分かりやすくハイライトする - かちびと.net](http://capture.heartrails.com/200x130?http://kachibito.net/web-design/table-cell-highlight.html)
現在見ているテーブルのセルが 分かりやすいようにマウスオーバー で縦と横のセルをハイライトするよう にするTipsです。css3の:nth-child() 疑似クラスを、jQueryを使用してクロス ブラウザに対応させます。 という訳でメモ書き。探したらプラグインを使うものばかりだったのですが、これだけの為にプラグイン使うのは正直アレなので簡単なコードでハイライトできるようなものを。サンプルマウス...
70
マウスオーバーは普通同じ大きさの画像を切り替えたりしますが、他の要素の背景画像を変えることで派手なマウスオーバーにすることができます。 あの某制作会社様っぽいことをしてみようかなと。 準備 htmlは特に変わったことはしません、適当な要素にクラスを割り当てます。 html <p class="button"><a href="#">ボタン</a></p> その他マウスオーバーしたときの大きめの画像...
63
メニューにマウスオーバーするとメイン画像が切り替わるナビゲーションjQueryプラグイン「ImageNavigation」FLASHのナビゲーションでみる、メニューにマウスオーバーするとメイン画像が切り替わるやつ。探しても思ったようなものがなかったので、jQueryで作成してプラグイン化しました。こんな動作をしますナビゲーションにマウスオーバーすると対応するイメージ画像に切り替わります。エリアの外...
77
![[JS]さまざまなDOM要素にツールチップを表示するスクリプト -Bubble Popup | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-bubble-popup.html)
テキストリンクをはじめ、p, span要素のテキスト、li要素のテキスト、div要素、img要素などさまざまなDOM要素に、アニメーションを伴ったツールチップを表示するjQueryのプラグインを紹介します。Bubble Popupの対応ブラウザInternet Explorer 6.5, 7, 8, 9 (beta)Firefox 3.5.xSafari 5.0.xOpera 10.xChrome...
69
Opera Softwareは10月14日、ノルウェーでイベント「Up North Web」を開催し、ウェブブラウザの最新版「Opera 11」を発表した。Opera 11はこれまでユーザーからの要望が多かったエクステンション（拡張）を搭載するのが特徴。FirefoxやChromeと同様に、ユーザーが自由にOperaに好きな機能を付け加えられるようになる。拡張の管理画面も開発中で、イベント会場でデ...
70
![[JS]ページネーションをもっと楽しく、使いやすくするスクリプト -jPaginator | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-jpaginator.html)
自動加速のアニメーションは、それぞれのデモの左右の矢印をマウスオーバーすると、加速のアニメーションでページの数字が送られます。 スライダー機能はデモ1と3に実装されており、大量のページでも一気に移動できます。 スライダー機能も装備 スクリプトのオプション スクリプトのオプションでは、さまざまなものが設定できます。 selectedPage:1, 現在の選択されたページ nbPages:54, ペー...
63
警報：TwitterのツイートにJavascriptでコードを書くと、他のユーザーがそのツイートの上にマウスオーバーしただけで何かポップアップするという現象が発見された。現在このバグを利用したいたずらがTwitterユーザーの間で大流行している。これまではリックロール〔無関係なビデオへのリンクを張るジョーク〕のたぐいが大部分だったが、本物のワルもこの現象に気がつき始めたので注意が必要だ。この脆弱性...
60
備忘録。マウスオーバー時に背景の 色をアニメーションしながら変更する、 というのをクロスブラウザ対応で実装 したい。css3を使えば簡単な事ですが、 ご存知のようにIEは非対応。で、色々 探してみたんですが、jQueryUIを使う のが一番良さそうな感じでした。 普通にググったらJquery Color Pluginというプラグインがあったのですが、動作はするけどIEでエラーが出ます。リファレンス...
67
いつか使うかもしれないという意味でメモ的にエントリー。画像付きのセレクトメニューが作れるチュートリアルですね。↑ こういうやつ。かっこいいな。jQueyrとCSS3を使っていますね。メニューが開くときのアニメーションや、マウスオーバーしたときのエフェクトも作り込まれていて素晴らしいです。興味のある人はデモ＆詳細を以下からご確認くださいな。» Making Better Select Element...
55
jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能し...
56
スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」 2011年06月01日- Welcome AlbanX.com スマフォサイト作成時に超便利な画像タッチでタッチ位置をズームできる「Cloud Zoom touch」。 「Cloud Zoom」というjQueryプラグインがあって、こちらへのパッチとして動作するみたい マウスオーバーでも動くみた...
49
WEBではインターフェース的にもデザイン的にも欠かすことができない、マウスオーバーした時のホバー処理。ちょっとしたギミックですが、全体のクオリティに影響する部分だと思います。今日紹介するのはわずか2.5KBと非常に軽量ながら、様々なホバー表現を可能にしてくれるjQueryプラグイン「Hoverizr」。 このプラグインではcanvasを利用して、白黒からカラーだったり、ぼかしからぼかしを取ったりと...
