キーワード検索「Click」
1034
素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集 」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！jQueryの基本的な使い方まずはjQue...
87
$('#demo0 input').click(function(){$('#demo0dst').text(showTextInPNG($('#demo0img').get(0)));});Perlでテキストを取り出すソースコードは以下のとおり。#!/usr/bin/env perluse strict;use warnings;use Imager;use autodie;my $img = ...
649
Navigate the physical jQuery code to see what, where, and how the magic happensIntroductionThis page is designed to visually and interactively deconstruct the internal code of the jQuery library.It br...
69
Click to interact with the environment, keep the button pressed to fly faster. Tweet this to see your name. Headphones recommended. We are sorry, but it appears that your browser does not support WebG...
50
![[JS]text-shadowをアニメーションでコントロールするスクリプト -animate-textshadow.js | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-animate-textshadow.html)
テキストにシャドウをつけるtext-shadowをアニメーションでコントロールして、さまざま面白いエフェクトを生み出すjQueryのプラグインを紹介します。 デモではさまざまなtext-shadowのアニメーションを楽しめます。 以下、デモを紹介しつつ、その実装方法もご紹介。 デモ：基本 一番シンプルな基本となるデモです。 HTML HTMLはすべてのデモで、テキストをspan要素で実装するだけで...
51
step1: 動けばいいレベル適当にざっくり書いて終了イベントハンドラのなかでテキトーに全て終わらせるメソッドチェイン長いのがかっこいいと思ってる年頃<div class="item"><div class="label">A</div><h2 class="title">itemA</h2><p class="main">text text text text</p><p class="show...
48
読んで覚える，触って体験！JavaScript＆CSS3～gihyo.jp×jsdo.it presents第2回 jQueryの基本（お題編）Check2011年1月18日外村和仁jsdo.it, JavaScript, CSS3, フロントエンド, 動的, jQueryイベント, JavaScript, HTML, セレクタ, ライブラリ, jQueryこの記事を読むのに必要な時間：およそ 3...
240
<link rel="stylesheet" href="style/zoomooz.css" type="text/css" /><script type="text/javascript" src="js/sylvester.js"></script><script type="text/javascript" src="js/jquery-1.4.2.js"></script><script...
42
![[JS]パネルが次々にスライドして重なるエフェクトを実装するチュートリアル | コリス](http://capture.heartrails.com/200x130?http://coliss.com/articles/build-websites/operation/javascript/jquery-tutorial-window-chooser-in-opera-mobile.html)
パネルをクリックすると、次々にパネルがスライドして重なり順が変わるエフェクトを実装するjQueryのチュートリアルを紹介します。このエフェクトはOpera Mobileの「window chooser」を模したものらしいです（持ってないから分からないです）。HTMLはリスト要素で実装されており、非常にシンプルです。HTML最小限の要素にした例です。 最初に一番上にするパネルに「current」を与...
50
こんばんは、JavaScript Advent Calendar 2010、15 日目担当の nanto_vi (なんと) です。12 月 15 日が何の日か調べてみると東北本線が宮城県に到達した日とのこと。当時は上野から仙台まで 12 時間 20 分かかったそうです。それから 123 年を経た現在では同じ時間で鹿児島中央から新青森まで行けるようになり、鉄道の速度にも JavaScript の実行...
39
XSS with $(location.hash) demo Click this " target="_blank">link. It works on IE, Firefox, Chrome, Opera. In Safari, location.hash is percent encoded, not work. why? $("#id") is css selector, $("<img>...
55
CSS3 Click Chart
37
HTML5 Security CheatsheetWhat your browser does when you look away...This is just a small part and pre-alpha of the HTML5 Security Cheatsheet project. Click here for more info and drop us a line if yo...
30
Quick Tip: Mimic a Click Event with CSS | Nettuts ピュアCSSでonclickイベントをシュミレーションするデモ。 :target 擬似クラスを利用して、クリックイベントをシュミレーションしたデモが公開されていました。 「Zoom In」を押すと画像がアニメーションしながらズームします。Chrome等のWebkitベースのブラウザで見てみてください...
37
HTML5ビデオを埋め込むコードは<video width="640" height="360" src="http://www.youtube.com/demo/google_main.mp4" controls autobuffer autoplay></video>iPhone, iPadでautoplayを行うには<script src="http://www.google.com/jsa...
401
Backbone.jsIntroductionEvents– bind– unbind– triggerModel– extend– constructor / initialize– get– set– unset– id– cid– attributes- toJSON– save– destroy– validate– url– clone– isNew– change– hasChange...
74
There are about a dozen other plugins out there that do this already, except most seem to come with an enormous footprint: 10-12k of code, X-number of images, and roughly 1000 options to support every...
288
Today we will create a stunning full page photo wall gallery. The idea is to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from t...
20
RSpec のテストを記述するDSLとしては素晴らしさは、 Selenium RC と組み合わせる事で Ruby on Railsアプリ以外でも使えます。Selenium は Javascriptを使いWebアプリのテストを行うツールとして有名ですが、Selenium RC を使うと RSpecで書いたテストを Webブラウザー上で走らせる事が出来ます。 準備Seleniumのページから Sele...
22
jsdo.it is a website where you can write JavaScript, HTML5, CSS in your browser, and share it. Experiencing is better than reading, so signin (it's super easy) and try it out!Click on the '+ Add Libra...
