works_maのブックマーク / 2012年12月15日

works_ma id:works_ma

2012年12月15日のブックマーク (3件)

画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのスクリプト | Web Mugen
JavaScriptを使ったロールオーバーって大体imgにクラス名を追加するだけで出来るタイプが多いですよね。同じ感じでアニメーションロールオーバーも出来たらいいよね！って思って作りました。きっと同じ様に思っている人もたくさんいるはずだし。。。まー、ソースも綺麗じゃないし、バグだってあるかもしませんが、きっと誰かが素敵に書き換えてくれるでしょう。既にあるかもですが・・・。 Demo ※プラグイン化したものを公開していますのでよろしければ画像にクラス名を追加するだけでアニメーションロールオーバーできるjQueryのプラグインをご覧下さい。必要なファイル jquery.js（ver 1.4.3～）対応ブラウザ Google Chrome Safari4~ Firefox3~ Internet Explorer6~ Opera11 ※Windowsのみの確認です。コーディング＆設定 HTM
works_ma 2012/12/15
　簡単実装の参考

jQuery
リンク
画像をスライドショーさせるjQueryのプラグイン | Fridayeight
jQueryプラグインの中でもダントツに人気が高いモノの1つにスライドショーがありますね。スライドショーのプラグインもやはり数多くありますが、今回は「Slides」の使い方を解説してみます。 Slides » http://slidesjs.com/ 実際の操作はデモファイルよりご確認ください。プラグインファイルのダウンロード(zipファイル) 使用するライブラリファイル jqueryライブラリファイル本体 jquery.easing.1.3.js ダウンロードしたファイルより slides.min.jquery.js global.css jquery.easing.1.3.jsはアニメーションやエフェクトの動作をまとめたプラグインです。 global.cssにて見栄えの設定をしています。 jqueryライブラリファイルの詳細は「jQueryの使い方」にて解説しています。
works_ma 2012/12/15
　http://slidesjs.com/　プラグインのオプション説明あり

jQuery
リンク
Youtubeの動画を背景に
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest techno logies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
works_ma 2012/12/15
参考

jQuery
リンク
- 2012年12月20日
- 2012年12月15日
- 2012年12月14日