jQuery

Javascript,jQuery

【jQuery】タブの切替スクリプトを作成してみました

2018/09/11

jQueryの練習で何かを作ってみようということで、yahooトップページのトピックスに使われているような、タブの切替を作ってみました。

HTMLは簡単にリストタグでタブ(もどき)を作り、その数だけdivで内容を作成。
divの中身は、本日のyahooのトピックスをコピペしたものです。

CSSもさほど何もせず。

で、JS部分。各行にコメントを付けてみました。
ここまで簡単に書けるものなんですね。改めてjQueryの有用性に驚いてしまいます。

デモ

プラグイン版

プラグイン化もしてみましたので、使用される方はどうぞ。

まとめ

参考にしたルーチンを読み、理解できるようになってきてはいるのですが、実際に書こうと思うと何をどう操れば実現できるのか悩んでしまいます。
慣れもあると思うのですが、さらに理解を進めていきたいところですね。

-Javascript,jQuery
-, , ,