ドロップダウンメニュー、横スライド、ポラロイド風写真配置、フローティングブロック

jQuery

ドロップダウンメニュー > <html> <head> <meta charset="utf-8"> <title>ドロップダウンメニュー</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script> $(function(){ $('ul.menu li').hover(function(){ $('>ul:not(:animated)',this).slideDown('fast'); }, function(){ $('>ul',this).slide…</meta></head></html>

2013-03-07

Nivo Slider

jQuery

Nivo Slider http://dev7studios.com/nivo-slider/:Nivo Slider からダウンロード→解凍後・Themaフォルダ・nivo-slider.css ・style.css ・js/jquery.nivo.slider.pack.js を任意フォルダに移動※nivosliderは少し重いのが難点> <html lang="ja"> <meta charset="UTF-8"> <head> <title>Nivo Slider</title> </head></meta></html>

2013-03-06

jQueryを書く

jQuery

RollOver <html> <head> <meta charset="utf-8"> <title>rollover</title> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> </head> <body> <div class="header"> <ul class="nav"> <li><a href="#" class="rollover"><img src="img/nav01_off.gif" alt="Home"></a></li> <li></li></ul></div></body></html>