エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
テキストでも画像でもルーペのように拡大できるjQueryのコード - かちびと.net
よくある拡大鏡を実装するスクリプト です。マークアップも楽で、コード も少量で済むので参考にしまし... よくある拡大鏡を実装するスクリプト です。マークアップも楽で、コード も少量で済むので参考にしました。 そんなに多用するUIではありませんが、 便利は便利なので覚えておきたいです。 方法が好みだったのでメモ的に。いわゆるルーペ的なを実装。 Sample jQueryを使います。 ドラッグで動かします。CSS-Tricksでもだいぶ前にプラグインを作ってました。こちらはクローンを自分で用意する、というものでしたが、今日のコードは指定したセレクタ内のDOM要素のクローンを作成してオリジナルの上にレイヤーとして重ねてCSSで部分的に表示、JSでドラッグ出来る様にすると拡大されたように見える、という仕組みっぽいので、マークアップは普通でOKです。 CSSを外すと、クローンが作られているのがわかります。 IE6も含め、殆どのブラウザで動作するみたい。ただ、border-radiusと相性悪いそうです
2012/07/19 リンク