nettuts+で、自動でスクロールするシンプルなニュースティッカーの作り方が公開されています。 id=”ticker”のdlを用意して、dt、ddタグでリストを記述。CSSを指定して、JavaScriptを記述。マウスオーバーするとストップするティッカーとなっています。 win IEのfixもされているようですね。 ティッカーを作りたい方はぜひ見てみてください。 » How to Create a Simple News Ticker カフェで作業中。TVが昨日から映らなくなったので（ついに・・約20年ものです）、でかいのを見にいこうかな。40インチとかほしー！
タグ
- すべて
- まとめ (16)
- .htaccess (7)
- 2009 (15)
- 2ch (6)
- 3d (27)
- AfterEffects (3)
- CAD (2)
- DS (6)
- DTM (3)
- DivX (3)
- DivX_Stage6 (2)
- Dreamweaver (3)
- English (2)
- FTP (3)
- Git (5)
- H.264 (2)
- OAuth (6)
- PSP (25)
- PageFlip (3)
- SNS (14)
- Titanium (2)
- Vista (13)
- WYSIWYG (2)
- XML (15)
- accordion (3)
- action (12)
- actionscript (53)
- ad (2)
- adobe (12)
- adobemax2007 (15)
- adobemax2009 (6)
- adsense (7)
- air (50)
- ajax (61)
- alarm (3)
- algorithm (4)
- alternativa3d (2)
- amazon (2)
- analytics (21)
- android (68)
- animation (24)
- apache (5)
- api (39)
- app (16)
- apple (9)
- apps (63)
- ar (2)
- art (5)
- as2 (4)
- as3 (291)
- asdoc (3)
- auction (4)
- background (34)
- backup (15)
- batch (2)
- battery (2)
- betweenas3 (6)
- bitmap (8)
- bitmapdata (5)
- blog (40)
- blogparts (3)
- bookmark (7)
- bookmarklet (5)
- bootstrap (5)
- box2d (22)
- browser (26)
- brush (80)
- buddypress (12)
- business (33)
- businesscard (6)
- button (3)
- c (4)
- calendar (16)
- calender (6)
- campaign (13)
- canvas (3)
- captcha (2)
- capture (2)
- cart (3)
- category (2)
- chat (2)
- chrome (18)
- clock (3)
- cm (2)
- cms (20)
- coding (5)
- collada (3)
- color (19)
- command (6)
- comment (7)
- components (3)
- coockpad (2)
- cook (2)
- cookie (2)
- cooking (3)
- cookpad (6)
- cool (19)
- coreserver (2)
- css (192)
- css3 (39)
- csv (3)
- customfield (9)
- date (3)
- debug (25)
- del.icio.us (4)
- demo (2)
- design (130)
- development (48)
- dictionary (2)
- displacementmapfilter (2)
- doctype (2)
- domain (5)
- download (19)
- drawing (2)
- dropbox (4)
- dropdown (4)
- dvd (6)
- ec (7)
- eclipse (2)
- eco (4)
- editor (12)
- effect (23)
- emulator (7)
- error (4)
- event (7)
- evernote (8)
- excel (17)
- extension (54)
- extensions (2)
- facebook (63)
- fashion (5)
- favicon (8)
- fax (2)
- fdt (4)
- feed (6)
- firebug (4)
- firefox (82)
- fireworks (3)
- fladdict (5)
- flartoolkit (2)
- flash (574)
- flashdevelop (45)
- flashlite (25)
- flashlite1.1 (5)
- flashplayer10 (8)
- flashswither (2)
- flat (3)
- flex (8)
- flick (2)
- flickr (6)
- flower (5)
- flv (23)
- flvplayback (3)
- font (118)
- food (7)
- form (46)
- framework (15)
- free (383)
- freelance (20)
- fusekit (2)
- gadet (2)
- gadget (7)
- gallelly (6)
- gallery (42)
- game (46)
- generator (50)
- gif (5)
- gigazine (6)
- gihyo (4)
- gmail (11)
- google (64)
- googleanalytics (4)
- googlecalendar (3)
- googlechrome (7)
- googlemaps (32)
- googlereader (2)
- gradient (9)
- graphic (13)
- greasemonkey (11)
- grid (7)
- haXe (4)
- hack (20)
- hatena (7)
- hdd (3)
- hospital (2)
- howto (11)
- htaccess (11)
- html (23)
- html5 (83)
- iOS (14)
- iOS5 (2)
- icon (171)
- ie (14)
- ie6 (29)
- illustrator (56)
- image (71)
- inspiration (78)
- interactive (18)
- interface (25)
- ipad (26)
- iphone (294)
- ipod (5)
- ipod_touch (21)
- ipodtouch (5)
- itunes (13)
- jailbreak (5)
- javascript (180)
- job (5)
- jplayer (2)
- jqtouch (3)
- jquery (373)
- js (31)
- jsfl (7)
- kakaku (2)
- kinect (2)
- layout (5)
- leopard (2)
- less (3)
- library (150)
- lifehack (10)
- lightbox (14)
- linux (2)
- loading (10)
- logo (27)
- mac (51)
- mail (14)
- mailto (2)
- manual (2)
- map (6)
- mashup (2)
- material (3)
- matrix (5)
- microsoft (6)
- mindmap (6)
- mixi (10)
- mobile (137)
- mockup (5)
- motion (21)
- movabletype (12)
- movie (47)
- mp3 (6)
- mpeg (2)
- music (24)
- mysql (6)
- navigation (63)
- news (3)
- node.js (5)
- objective-c (18)
- office (3)
- ogp (3)
- oop (4)
- opensource (2)
- osx86 (3)
- package for iphone (2)
- pagination (5)
- papervision3d (4)
- particle (6)
- patch (2)
- pattern (45)
- pc (4)
- pdf (9)
- photo (54)
- photobook (4)
- photoshop (305)
- php (77)
- phpmyadmin (2)
- picasa (5)
- pinterest (2)
- pjax (2)
- player (14)
- plugin (336)
- png (17)
- portal (4)
- portfolio (19)
- powerpoint (3)
- presentation (2)
- print (6)
- programming (39)
- progression (75)
- promotion (6)
- prototype (2)
- psd (34)
- pv3d (29)
- qtranslate (2)
- r4 (4)
- recipe (14)
- recruit (6)
- redmine (5)
- reference (71)
- remote (2)
- report (2)
- reset (2)
- retouch (3)
- rom (11)
- roxik (2)
- rss (16)
- safari (2)
- salon (2)
- sample (85)
- science (2)
- screensaver (3)
- screenshot (4)
- scroll (9)
- scrollbar (5)
- seach (2)
- search (18)
- security (24)
- seo (30)
- serch (2)
- server (17)
- service (5)
- setting (9)
- shadowbox (3)
- shape (10)
- shop (6)
- sion (4)
- siteArchive (11)
- sitemap (5)
- sketchbook (2)
- skype (2)
- slide (10)
- slideshow (26)
- snipets (7)
- software (120)
- sound (58)
- sozai (233)
- spam (2)
- stage3d (2)
- stage6 (2)
- storage (21)
- strage (4)
- study (32)
- style (2)
- subversion (4)
- svn (4)
- swc (3)
- swf (14)
- swfobject (8)
- sync (10)
- syntaxhighlighter (3)
- tab (3)
- table (13)
- template (73)
- text (8)
- textfield (7)
- texture (80)
- tha (8)
- theme (112)
- thumbnail (3)
- thunderbird (5)
- ticker (3)
- time (2)
- tinymce (3)
- tips (843)
- todo (6)
- tokyo (6)
- tool (271)
- tools (2)
- tooltip (9)
- torrent (9)
- trace (5)
- trackback (4)
- travel (17)
- trunc (2)
- tumblr (4)
- turorial (2)
- tutlrial (2)
- tutorial (255)
- tv (2)
- tween (6)
- tweener (23)
- tweensy (6)
- twiitter (5)
- twitter (90)
- typography (11)
- ubuntu (2)
- ui (193)
- ul (2)
- uniqlo (10)
- uploader (2)
- url (6)
- usability (3)
- usb (6)
- useragent (4)
- vba (2)
- vector (76)
- veoh (3)
- veohTV (2)
- vicuna (2)
- video (24)
- vintage (2)
- vmware (3)
- voice (3)
- w-zero3 (5)
- wallpaper (24)
- wav (2)
- we (3)
- web (78)
- web2.0 (12)
- webcam (2)
- webdesign (906)
- webfont (3)
- webservice (197)
- webデザイン (2)
- web制作 (8)
- web制作会社 (8)
- wi-fi (3)
- widget (3)
- wifi (2)
- wii (2)
- wiki (10)
- windows (68)
- wireframe (4)
- wireless (2)
- wo (2)
- wonderfl (17)
- wordpress (386)
- wordprss (2)
- xampp (2)
- xcode (3)
- xhtml (3)
- xmas (8)
- youtube (23)
- yugop (4)
- zip (3)
- ★ (14)
- おもしろい (7)
- お役立ち (25)
- かわいい (2)
- これはすごい (31)
- これは便利 (17)
- まとめ (973)
- まめにチェック (2)
- アクセス解析 (2)
- アドイン (2)
- イラスト (2)
- インタラクティブ (2)
- カスタマイズ (6)
- カスタム投稿タイプ (8)
- キラキラ (7)
- クーポン (2)
- グランドゴルフ (3)
- ショートコード (2)
- スマートフォン (2)
- タブ (2)
- タモリレシピ (2)
- ドラマ (2)
- ネタ (10)
- バス (2)
- パララックス (4)
- パンくず (4)
- ピクトグラム (2)
- ブラウザ (5)
- ブラシ (2)
- ホテル (2)
- ポータル (3)
- メモ (4)
- ライブラリ (4)
- レスポンシブ (6)
- 三角関数 (2)
- 不動産 (2)
- 使える (13)
- 便利 (8)
- 保険 (2)
- 全画面 (2)
- 制作会社 (4)
- 勉強 (9)
- 医療 (2)
- 占い (2)
- 名刺 (4)
- 和 (15)
- 地震 (4)
- 学習 (2)
- 年賀状 (4)
- 引越し (4)
- 手書き (3)
- 日本語化 (7)
- 最適化 (3)
- 本 (4)
- 東京 (3)
- 正規表現 (6)
- 相場 (2)
- 絵文字 (10)
- 考え方 (2)
- 角丸 (3)
- 記法 (3)
- 連載 (8)
- 電子書籍 (6)
- 高速化 (5)
- まとめ (973)
- webdesign (906)
- tips (843)
- flash (574)
- wordpress (386)
- free (383)
- jquery (373)
- plugin (336)
- photoshop (305)
- iphone (294)
tickerに関するkanariiaのブックマーク (3)
-
kanariia 2009/09/10
- jquery
- ui
- ticker
- tutorial
- sample
リンク -
【ハウツー】ゼロからはじめるliScroll - ニュースティッカー風に情報を表示する (1) liScrollとは | パソコン | マイコミジャーナル
liScrollはリスト項目を右から左にスクロール表示する(ニュースティッカー)ライブラリです。似たような処理としてはInternet Explorerなどで動作するHTMLタグの<marquee>があります。<marquee>タグはタグで囲まれた範囲をスクロールさせますが、liScrollは<ul>タグで囲まれた<li>タグ内容を連続してスクロールさせます。 関連ファイルの入手 liScrollライブラリはjQueryのプラグインとして動作するため、jQueryライブラリが必須になります。liScrollはこのURLにあるページからダウンロードすることができます。 iScrollのサイト ページ上部にある「liScroll 1.0」と書かれた文字が直接ライブラリファイルのリンク先になっています。リンク先をディスクに保存します。以後に説明するサンプルではjsフォルダ内にライブラリファイルを
-
SEO対応Javascriptニュースティッカー | 秋元@サイボウズラボ・プログラマー・ブログ
Accessible JavaScript Newsticker 複数のニュースを、一個ずつ順番に表示させるギミック。サンプルはこちら。 何が”Accessible”かというと、Javascriptがオフの時でもニュースが一覧でHTMLソースに存在する、つまり、検索エンジンから認識される、ということだろう。JavascriptやCSSを使ってdegradableな階層メニューを作るような話題とこのあたりは同じ。 逆に、ページに表示されるけれど検索では引っかからない、ような表示内容にしたければ、ニューステキストをJavascript側で処理して表示させるようなものを作ればよい。 [追記] 百式の田口さんがほぼ同時に別のJavascriptティッカーを紹介されていた。Javascriptでお手軽ティッカーを実現 この記事は移転前の古いURLで公開された時のものですブックマークが新旧で分散してい
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx