コニファ・ロゴ

csstest:jQueryプラグインjquery.halocontext.jsを使って、円形のコンテキストメニュー

ちょっと古いプラグインですが、見た目が面白いので掲載しました。指定のエリアで右クリックすると、円形に並んだコンテキストメニューを表示します。表示された各項目を選んでクリックするとアラートウィンドウにて詳細を表示します。下の「コニファのサービス」のテキストを含むブルーのボックスが指定エリアです。ここにカーソルを乗せ、右クリックしてみてください。設置も簡単で、タイトル部と詳細を以下のソースのように並べていくだけです。項目数も自動で追加されます。

scriptソース

$('#context').haloContext({
  bindings:{
      "百万石":function(){alert('百万石 BtoB WEB受注システム 経費を削減しながら顧客満足度アップ!「経費節減+顧客満足度UP」を図るなら、 WEB受注をお勧めします!! ')},
      // ・・・以下同様	
    }	
  });
});

 

コニファのサービス

 

 

 

戻るボタン