タグ「script type」 - はてブログ

タグ script type

新着順人気順 5 users 10 users 50 users 100 users 500 users 1000 users

(1 - 25 / 28件)

Janetter、ネタツイートのXSSが刺さり無限に「んほぉぉ！イッぐぅぅ！！」とダイアログが出る体にさせられる - Togetterまとめ

2017/05/01 490 users alert script XSS text 湯婆婆

湯婆婆「契約書だよ。そこに名前を書きな。働かせてやる。」千尋> <script type="text/javascript">for(;;){alert("んほぉぉ！イッぐぅぅ！！");}</script> 湯婆婆「フン。んほぉぉ！イッぐぅぅ！！んほぉぉ！イッぐぅぅ！！んほ続きを読む

[JS]スマホでもデスクトップでも快適！水平スクロールコンテンツを簡単に実装できるスクリプト -horizonScroll.js | コリス

2015/03/16 140 users コリス jQuery head jquery.js Step

マークアップは非常にシンプル、スクリプトの設置も簡単、スマホでもタブレットでもデスクトップでもすいすい快適に操作できる水平スクロールコンテンツを実装できるjQueryのプラグインを紹介します。デモのアニメーション horizonScroll.jsの使い方 Step 1: 外部ファイル当スクリプトとjquery.jsを外部ファイルとして記述します。 <head> ... <script type... 続きを読む

[JS]指定した要素内いっぱいに背景画像を最適に配置するシンプルなスクリプト -Wallpaper | コリス

2013/10/30 99 users WallPaper コリス script src text

幅480pxで表示 Wallpaperの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script src="js/jquery.bp.wallpaper.j... 続きを読む

[JS]Pinterestやウォールなどの最近よく見かけるカードを使ったレイアウトを作成するスクリプト -Freewall | コリス

2013/10/14 85 users Pinterest Freewall コリス Demo src

Demo :Piterest Layout Pinterest風に高さの異なるカードをダイナミックにレイアウト。 Freewallの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプトを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="jquery-1.7.min.js"></script> ... 続きを読む

[JS]Appleのプロダクトページのような1ページのスクロールコンテンツを作成するスクリプト -One Page Scroll | コリス

2013/09/23 303 users コリス jQue src head text

デモページ：3番目のパネルを表示各パネルへの直リンクやURL表示にも対応しています。 One Page Scrollの使い方 Step 1: 外部ファイル head内にjquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <head> ... <script type="text/javascript" src="http://code.jquery.com/jque... 続きを読む

見た目を綺麗に整列する！ブロックレベル要素の高さを揃えるJS3選 | 株式会社LIG

2013/04/12 268 users 株式会社LIG 見た目ブロックレベル要素 scrip src

お疲れ様です、デザイナーのモモコです。コーディング中にいざ本番の文言を入れたら、予想以上に長さがバラバラで見た目が揃わない…！なんてこと、ありますよね。今回はそんな時に活躍してくれるブロックレベル要素の高さを揃えるjsを3つご紹介します。 heightLine.js 配布ページ <script type="text/javascript" src="heightLine.js"></scrip... 続きを読む

[JS]スクロールに追従するページの先頭へアニメーションで戻るボタンが簡単に設置できるスクリプト -scrollUp | コリス

2013/02/03 147 users jQuery コリス src text jquery.js

HTMLは一切変更せずに、スクロールに追従するページの先頭へ戻るボタンが簡単に設置できるjQueryのプラグインを紹介します。デモページ：タブ scrollUpの使い方実装は非常に簡単です。 Step 1: 外部ファイル「jquery.jsと当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="js/jquery-1.8.3.m... 続きを読む

[JS]このアニメーションはかなりカワイイ！折り畳んだ紙をパタパタ広げるスクリプト -PFold | コリス

2012/10/18 83 users コリス stylesheet スクリプトアニメーション

展開と共に、移動のアニメーションが加わります。 PFoldの使い方 Step 1: 外部ファイル「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 <link rel="stylesheet" type="text/css" href="css/pfold.css" /> <script type="text/javascript" src="http://aj... 続きを読む

[JS]スクロールするのが楽しくなる！多彩なパララックスのエフェクトを簡単に実装できるオープンソースのスクリプト -Jarallax | コリス

2012/10/16 326 users パララックス script src コリス jquery.js

Loodsmedia ディスプレイ内のコンテンツもパララックスします。 Jarallaxの使い方「Demo 3」を例に、実装方法を簡単に紹介します。外部ファイル「jquery.js」と当スクリプトをhead内に外部スクリプトとして記述します。 <script type="text/javascript" src="jquery.js"></script> <script type="text... 続きを読む

[JS]木の葉が木枯らしに舞うように軽やかなアニメーションでコンテンツを次々に表示するスクリプト -Windy | コリス

2012/10/09 71 users パラグラフ jQuery WiNDy src text

画像や見出し・パラグラフなどを配置したパネルを木枯らしに舞う葉っぱのようなアニメーションで次々に表示するjQueryのプラグインを紹介します。 Demo 3: jQuery UI Sliderを使ったタイプ Windyの使い方 Step 1: 外部ファイル「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="... 続きを読む

[JS]エレメントをグリッド状にランダムに配置したり、Pinterest風に配置するスクリプト – BlocksIt.js | コリス

2012/08/21 111 users コリスエレメント Libs Ajax スクリプト

BlocksIt.jsの使い方 Step 1: 外部ファイル「jquery.js」と当スクリプトをhead内に記述します。 ※jQueryは1.7.1で開発。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script> <script type... 続きを読む

[JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART | コリス

2012/07/10 215 users コリス jQuery jquery.js text Step

シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART EASY PIE CHARTの使い方実装は、3ステップです。 Step 1: 外部ファイル「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。外部ファイルはhead内に記述してください。 <script type="text... 続きを読む

ページ遷移不要の、シンプルなWebサイトを作るための軽量jQueryプラグイン・Pagify - かちびと.net

2012/07/10 398 users ページ遷移 net グイン Webサイトラリ

よく見かける、ページ推移のない Webサイトを作る為のjQueryプラグイン。ですが、高機能な物ではなく、極めてシンプルで、ライブラリも軽量です。サクッと作りたい時のテンプレにもいいかも。僕の語彙の無い説明よりサンプル見た方が早そうですね。 Pagify ページ推移不要で、内容を書き換えた際もフラグメントURLにしてくれます。以下サンプル。 Sample コード <script type... 続きを読む

[JS]アコーディオンとカルーセルが合体したスライダーのスクリプト -Accarousel | コリス

2012/06/12 63 users コリスカルーセルアコーディオンスライダースクリプト

Accarouselの使い方実装は簡単で、3ステップです。 Step 1: 外部ファイル「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 ※スタイルシートはLESS版も用意されています。 <link rel="stylesheet" type="text/css" href="accarousel.css"/> <script type="text/java... 続きを読む

[JS]ふんわりとした美しい影をエレメントに与えるスクリプト -Real Shadow | コリス

2012/04/30 81 users コリスエレメント src jquery.js text

マウスの位置を変えると、それを光源としてアニメーションでシャドウが変化します。 ※アニメーション無しも設定できます。マウスを上に動かすとシャドウが長くなります Real Shadowの使い方外部ファイル「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script type="text/javascript" src="http://code.jquery.com/jq... 続きを読む

[JS]高さの異なる要素をレンガ状に隙間なく並べるだけのシンプルなスクリプト -Wookmark | コリス

2012/03/26 476 users コリス Libs Ajax スクリプト src

Wookmarkの使い方実装はいたってシンプルです。外部ファイル「jquery.js」と当スクリプトを外部ファイルとして記述します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="jquery.wook... 続きを読む

[JS]ページ全体をダイナミックに横にスライドし、コンテンツを表示するスクリプト -PageSlide | コリス

2012/03/12 135 users PageSlide コリス stylesheet スクリプト

デモ PageSlideの使い方外部ファイルスタイルシートをhead内に記述します。 <link rel="stylesheet" type="text/css" href="jquery.pageslide.css"> ページの下（</body>の上）にスクリプトを記述します。 <script type="text/javascript" src="https://ajax.googleap... 続きを読む

[JS]洗練されたかわいらしいデザインのツールチップを簡単に実装できるスクリプト -Sweet Tooltip | コリス

2012/03/05 128 users コリス stylesheet スクリプトツールチップ src

デモページ：Big Yellow Sweet Tooltipの使い方外部ファイルスタイルシートをhead内に、スクリプトをページの下部に外部ファイルとして記述します。 <link rel="stylesheet" href="sweet-tooltip.css"> <script type="text/javascript" src="jquery.js"></script> <script ... 続きを読む

[JS]スクリプト初心者でも簡単にカスタマイズできる、通知パネルをアニメーションで表示するスクリプト -noty | コリス

2012/02/14 80 users noty コリス src jquery.js text

デモ：Left Corner, Alert ページの左角からアラートのパネルを表示、右角からも可能です。 notyの使い方 notyの実装方法を紹介します。外部ファイル「jquery.js」と当スクリプトを外部ファイルとして記述し、あらかじめ用意されたスタイルシートファイルも外部ファイルとして記述します。 <script type="text/javascript" src="https://... 続きを読む

ActionScript入門Wiki - Arctic.js

2012/01/26 302 users DeNADev script src github.com

AS3ライクに記述できるJavaScriptゲームライブラリです。(ライセンスはMIT License) ダウンロード - https://github.com/DeNADev/Arctic.js <html> <head> <script type="text/javascript" src="js/arctic.js"></script> <script type="text/javascri... 続きを読む

[JS]複数の表示サイズごとに異なるイベントが設定できるResponsive Web Design用のスクリプト -Breakpoints.js | コリス

2011/12/13 67 users コリス jQuery src jquery.js text

Responsive Web Design用に表示サイズの複数のブレイクポイントを定義し、異なるイベントを設定できるjQueryのプラグインを紹介します。 Breakpoints.jsの実装外部ファイル「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="https://ajax.googleapis.co... 続きを読む

JavaScriptによるcross domain & streamingなAPIアクセスの方法色々 - Nakamap APIの場合 - | tech.kayac.com - KAYAC engineers' blog

2011/11/14 70 users KAYAC engineers sugyan script

こんにちは。すぎゃーん(@sugyan)です。先日、Nakamap APIを公開しましたが、今回はそれをJavaScriptから使うためのライブラリを用意してみましたので紹介させていただきます。使い方 <script type="text/javascript" src="http://developer.nakamap.com/js/nakamap.js"></script> とscript... 続きを読む

画像無しでアーガイルやタータンチェックなどのパターンを生成する -Patternizer | コリス

2011/09/04 52 users canvas アーガイルコリス script src

生成したパターンの利用方法ページに利用する際は、下記のように記述します。外部ファイル「patternizer.js」を外部ファイルとして指定します。 <script type="text/javascript" src="patternizer.js"></script> HTML ページ内に空のcanvas要素を配置します。 <canvas id="bgCanvas"></canvas> ... 続きを読む

[JS]雑誌をめくるようにぺらっと画像を表示するスクリプト -mLivre | コリス

2011/08/03 314 users jQuery コリス script src jquery.js

雑誌をめくる「Pege Flip」のエフェクトで画像を次々に表示するjQueryのプラグインを紹介します。 mLivreの実装外部ファイル「jquery.js」と当スクリプトを外部ファイルとして指定します。 <script type="text/javascript" src="jquery-1.6.1.min.js"></script> <script type="text/javascri... 続きを読む

jQuery基礎文法最速マスター[to-R]

2010/02/02 1281 users to-R jQuery src text API

jQuery基礎文法最速マスター HP登録でSEO対策！アクセスアップにコチラ！検出率No.1・PC軽快さNo.1のウイルス対策ソフトはやっているようなのでまとめてみたいと思います。 jQueryの読み込み Google AJAX Libraries APIで簡単に読み込めます。 <script type="text/javascript" src="http://ajax.googleapi... 続きを読む

(1 - 25 / 28件)

次の25件 »