オンクリックでサイドエリアに固定した要素が開きスライトインするJavaScript

通販のホームページをカスタマイズするのはちょっと久しぶり・・ ^^;

もともとフッターに固定していたソーシャル関係のリンクですが、
Facebookがコメント対応になり、コメント投稿する要素が出てくるのですが、
どうやっても、左下しか出てこないので、
フッターに設置してるとまったく見えない状態ですので、
思い切って、こじんまりとまとめ、サイドエリアに表示してみました。

設置にあたっては、かちびとさんのこちらの記事を参考にさせて頂きました。
いつも、有り難い情報感謝です。

かちびとさんのところでは、元のエリアを固定してはいなかったので、
個人的な事情から、固定するようにしました。

javascript

CSS(数値は適宜調節)

HTML(XHTML)

これでクリックするとニョキーンと要素が出てきます。

応用次第で、色々な使い方ができるかもしれません。

:: スポンサーリンク ::

posted by そば富泉

コメント(Facebook・Twitter・WordPressアカウントでもコメントできます)