[JS]検索ボックスをSafari風デザインにするスクリプト -Safari Searcher

既存の検索ボックスを簡単にSafari風のデザインに変更するスクリプトを紹介します。

デモのキャプチャ

jQuery Safari Searcher
demo

検索ボックスのスタイルは通常用とインクリメンタルサーチ用が用意されており、ダウンロードできるファイルには画像やアニメーションgifなど一式が揃っています。

ボックスの幅の対応は画像が500pxのため、それより小さい幅まではそのまま対応できると思います。

Safari SearcherはjQueryのプラグインのため、実装にはjquery.jsが必要です。

sponsors

top of page

©2018 coliss