ツールチップ併用のシンプルなクリック式イメージスライドショー
Result jQuery $(document).ready(function() { //最初の画像にclass="last"を追加 $(".container img:first-child").addClass('last'); //画像をクリックでイベント発火 $(".container img").click(function() {...
View Article任意のカラーで画像にマスクをかけ、マウスホバーでフェードアウトさせる
Result jQuery (function($) { var _options = new Array(); var _itemId = 0; jQuery.fn.MyFadeOverImage = function(options) { _options[_options.length] = $.extend({}, $.fn.MyFadeOverImage.defaults,...
View Articleテーブル上にあるマウスの位置を表示させる
Result テーブル上のマウスの位置を表示する jQuery $("table tr td").mouseenter(function () { //ポインタ追加 $(this).css("cursor", "pointer"); //ユーザーへの表記は+1する var col = $(this).closest("tr td").prevAll("tr td").length += 1; var...
View Article緯度経度を指定したテキストにマウスを乗せるとGoogleMapも動くようにする
Result マウスホバーでGoogle Mapが動的に移動する、みたいなの。リストには予めカスタムデータ属性で緯度経度を設定してあります。 Google map APIも読み込みます。 jQuery /* CSS-Tricks Example by Chris Coyier http://css-tricks.com */ $(function() { //Googlemapのセッティング var...
View Article
