Carousels De-mystified Ever since releasing v4.0, which introduced responsive behavior, the carousel mode (displaying / moving multiple slides) has been the most misunderstood, troublesome aspect of the slider. Proper use of the settings required a secret knowledge of the underlying codebase, and did not allow for intuitive configuration. Plainly put - the carousel config was poopy. No longer! In
<h1 class="ex1">example1</h1> <script type="text/javascript"> $(document).ready(function(){ $('#slider1').bxSlider(); }); </script> <div id="slider1"> <div><img src="images/slide1.png" width="300px"></div> <div><img src="images/slide2.png" width="300px"></div> <div><img src="images/slide3.png" width="300px"></div> </div> <h1>example2</h1> <script type="text/javascript"> $(document).ready(function(
YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin.YoxView is a free image viewer for websites. It's written in javascript using jQuery and is available as a jQuery plugin. YoxView is inspired by Lokesh Dhakar's Lightbox. Like it, YoxView displays images above the website's content, as a separate layer. Features Images are resiz
系统提示 抱歉 可能是由下列问题导致的： 由于网络或安全的原因，您暂时无法访问本站点，请稍后重试。
jQueryでマウスホイールで横にスクロールする横型コンテンツ 通常のWebサイトは縦長でマウスホイールで下に移動していきますが、最近よく見かけるようになった横長タイプのコンテンツをjQueryを使用して作成する方法をご紹介します。 機能としてはマウスホイールで横に移動と、ナビゲーションボタンをクリックで指定位置までスライドするということをやってみます。 投稿日2011年07月21日 更新日2011年07月21日 html+css htmlはナビゲーションであるリストとコンテンツを入れるためのdivが５つあります。 html <div id="contents"> <ul id="nav"> <li><a href="#s01">01</a></li> <li><a href="#s02">02</a></li> <li><a href="#s03">03</a></li> <li><a
Hide Search on Single Select The disable_search_threshold option can be specified to hide the search input on single selects if there are n or fewer options. $(".chosen-select").chosen({disable_search_threshold: 10}); Default Text Support Chosen automatically sets the default field text ("Choose a country...") by reading the select element's data-placeholder value. If no data-placeholder value is
$(function () { // 一括チェック、チェック解除 $('#onoff').change(function() { if ($(this).prop('checked')) { // 選択 $('input').prop('checked', true); $('label[for=onoff]').text('チェック解除'); } else { // 解除 $('input').prop('checked', false); $('label[for=onoff]').text('一括チェック'); } }); $('input').trigger('change'); $('input').change(function() { // 切り替えチェックボックス以外の選択総数 var checked_length = $('input[id!=onoff]:checked
© 2011 Code Computerlove Ltd - new media agency / digital marketing agency
Result jQuery $('#check').click(function() { //クリックイベントで要素をトグルさせる $("#box").slideToggle(this.checked); }); css input{margin:80px 0 0 80px;} div{ display:none; margin:25px; padding:25px; background:#eee; width:200px; height:150px; } html <label><input type="checkbox" id="check">Check This!</label> <div id="box">content is here</div>
今日（2011/5/11）のgoogleロゴはダンスのアニメーションになってて、 それがとてもキレイでかっこいいアニメーションだったので、 自分もアニメーション用のjsをちょこっと書いてみた。 「Google」の6文字が踊る――マーサ・グレアムさん生誕記念のホリデーロゴ この人がロゴのアニメーション作ってた人。 ほんと細部までキレイなアニメーション。このアニメーターのモーション技術すっげぇ。。 んで、googleロゴの中身見てみると、gifアニメかと思いきやpngのポジションをずらす方法を取ってて これがネタばらしの一枚絵。 そういえば、一昨日公開された、thaのFRAMED*のページでも使われてたなぁ、これ。と思い、 普通にjs書ける人には一瞬でできるだろうから関係ないけど、 この1枚絵さえ作れれば、誰でもアニメーションgifならぬ、 アニメーションjpgとか、アニメーションpngつくれ
Minimum width of images with alternating heights of rows and large margin, last image will fill the last row. Click "load more" (end of page) in order to see how more images can be added. View the options for this example minw : 100, alternateHeight : true, alternateHeightRange : { min : 50, max : 350 }, margin : 8, fillLastRow : true
Gamma Gallery - A Responsive Image Gallery Experiment
2011年 12月 28日 私の地元は、東北から移った知人も後悔するほど寒い地域です。 宮崎県なのに... 「fb.wall」は、ブログにFacebookのウォールを貼付けることができる数少ないjQueryプラグインです。Facebook公式プラグインとは違い、CSSが適応できるので、自由なデザインが可能になります。 少しつまずいたので調べてみました。 サンプル（このブログのFacebookページ） ※このサンプルでは管理者以外のコメント、投稿などは表示されない設定にしています。 基本設定 まずはざっと流れをみてから、アクセストークンの作り方とカスタマイズ方法をご紹介します。 1.「fb.wall 1.2.7」をダウンロードする。 newsmart:http://www.neosmart.de/social-media/facebook-wall 注：このサイトはサーバーダウンなどで表示さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
