javascript関連 [OOMORI.WIKI]
原理としては、sectionを横にfloat:leftしまくって、overflow:hiddenする。 で、next()が呼び出されたら、横にスクロールしてる感じ。 contentの横幅とsectionの横幅をpx指定しないと、overflow:hiddenとfloat:leftの意味が無くなるので、横幅に関してはjavascriptでウィンドウサイズに応じて、window.cssを切り替える感じにしようかと計画中。 jslide 途中経過 スライド用jsファイル function initialize(){ // 各値の初期化 this.scroller = $('div.scroller'); this.sections = $('div.section'); this.effectIndex = 0; this.effectType = ['incremental', 'growl'
HTML Slidy (1)
HTML Slidy: Slide Shows in HTML and XHTML Dave Raggett, <dsr@w3.org> Hit the space bar or swipe left for next slide Slide Shows in HTML and XHTML You can now create accessible slide shows with ease Works across browsers and is operated like PowerPoint Advance to next slide with mouse click, space bar or swipe left Move forward/backward between slides with Cursor Left, Cursor Right, Pg Up and Pg Dn
Yet Another Dynamic Presentation!
地道な高速化 1 // style も new 時にプロパティにいれておく s6.Constructor = function(element) { this.element = element; this.style = element.style; }; 地道な高速化 2 // コールバックを受ける関数では this // や引数を受けるようにしとく s6.hoge = function() { var shift = Array.prototype.shift; // ↓ Opera ではバグるので回避しなきゃダメ var f = shift.apply(arguments); f.apply(shift.apply(arguments), arguments); }; DOM の空きプロパティ // DOM の要素の空きプロパティの // アクセス速度は普通のハッシュとほとんど変
S5: A Simple Standards-Based Slide Show System
S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. A
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
社å´å£«è©¦é¨å¡¾ 社å´å£«è©¦é¨å¦æ ¡ 社å´å£«è©¦é¨å¯¾ç 社å´å£«è©¦é¨åå¼·æ³ ç¤¾å´å£«è©¦é¨åèæ¸ at usrb.in
Scriptio - A JavaScript Presentation Framework