jquery

スライダー

なんか今までにないくらいカスタマイズ項目が多いし、動きがスムーズなスライダー。http://www.jqueryslidershock.com/ でも、かなしいかな英語が読めなくて(やる気がないのか)使いこなせない。 これで最後のパーツにして制作を終わらせたいと思うんですが…

ドロップダウンメニュー

あえてhtml5のタグは使わずやってみた(dtdは面倒なのでhtml5のまま) <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style.css"> <script src="../js/jquery-1.7.2.min.js"></script> <script src="js/common.js"></script> </link></meta></head></html>

クロスフェード

<html lang="ja"> <head> <meta charset="UTF-8"> <title>Crossfader</title> <style type="text/css"> <!-- *p2* { margin: 0; padding: 0; } div#container { width: 400px; margin: 50px auto; } img { border: none; } ul { list-style: none; } --> </style> <script src="js/bsn.Crossfader.js"></meta></head></html>

スライド+ライトボックス

使用したモジュール jQuery UI:scrollable http://jquerytools.org/download/ Lightbox 2.0 http://leandrovieira.com/projects/jquery/lightbox/ <html lang="ja"> <head> <meta charset="UTF-8"> <title>横スライド:サンプル</title> <link rel="stylesheet" href="css/horizontal.css" /> </link></meta></head></html>

アコーディオンメニュー

一応本音を言えば面倒だったので例題をコピーしたんですが、、、、 うーん。。。ちょっと出来が悪すぎない?ってことで手を入れてみました。 <html lang="ja"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/style.css"> <script src="../js/jquery-1.7.2.min.js"></script> <script> $(function(){ $("dd:not(:first)").css("display","n…</link></meta></head></html>

セレクタ

セレクタは結構種類があって面倒ですが、正直すべてを覚えなくてもよくて 普段はid指定「$("#id")」がほとんどです。ですが、二つだけしっかり覚えとかなきゃいけないことがあります。 日本語でいいので「こんな選び方があったなー」っていうおぼろげな記憶 …

jqueryオブジェクトを作って効果をつける

<html lang="ja"> <head> <meta charset="UTF-8"> <title>jqueryテスト</title> <link rel="stylesheet" href=""> <script src="../js/jquery-1.7.2.min.js"></script> </link></meta></head></html>