遊ぶブログ＋ Javaスクリプト小技集

ブログ
リンク
フリーエリア
動画･音楽
楽天

ブログ

Entries

雪の振らない「Xmas」

ジャンル : ブログ
スレッドテーマ : ブログパーツ

雪の振らない「Xmas」のソースは次のようになります。

<script src="http://yui.yahooapis.com/2.2.2/build/yahoo-dom-event/yahoo-dom-event.js"></script>  <script src="http://yui.yahooapis.com/2.2.2/build/animation/animation-min.js"></script> <script type="text/javascript"> function intSanta() { var img = new Image(); img.src='http://blog-imgs-17.fc2.com/b/l/o/blogsquare256/xmas07.gif'; var div=document.createElement("div"); div.id='santa'; div.style.position = "absolute"; div.style.top=-900; div.style.left=-900; div.style.width=60; div.style.visibility="hidden" div.onclick= function(){ this.style.top=-900; this.style.left=-900; this.style.visibility="hidden" } div.appendChild(img); document.body.appendChild(div); } function santax() { var Xpos=window.document.body.clientWidth; // var Ypos=document.body.scrollTop+window.document.body.clientHeight; var Div = document.getElementById("santa"); Div.style.top=200; Div.style.left=Xpos; Div.style.visibility="visible" var anim = new YAHOO.util.Motion(Div.id, { points: { to: YAHOO.util.Dom.getXY('get') } },50); YAHOO.util.Event.on('xmas', 'click', anim.animate, anim, true); }; window.onload=function (){ intSanta(); } </script> <style> #get{ position:absolute; left:-200px;top:0px; visibility:hidden; } </style> </head> <body> <div id="get"></div> <div onclick="javascript:window.scrollTo(0,0)"> <img src="http://blog-imgs-17.fc2.com/b/l/o/blogsquare256/x-mas.gif" onclick="santax()" id="xmas" width="120" hieght="184"/></div> <br>Presents By<a href="http://blogsquare256.blog85.fc2.com/">遊ぶブログ</a>

1件のコメント

[C85] ありがとうございました。

お忙しい中、わざわざ別ソースをご用意いただきまして、ありがとうございました。

できました！

すみません、お名前の位置だけ（"Xmas" Presents By 遊ぶブログ）下に移動させていただきました。

素敵なソースをありがとうございました。
ますますのご活躍を楽しみにしております。

2007-12-02
投稿者 : Dali
URL
編集

コメントの投稿

0件のトラックバック

トラックバックURL: http://blogsquare256.blog85.fc2.com/tb.php/182-3198865d; この記事に対してトラックバックを送信する（FC2ブログユーザー）

翻訳

developed by 遊ぶブログ

翻訳結果:

ブロとも申請フォーム

この人とブロともになる

RSSフィード

Powered By FC2ブログ

最強ブログ

FC2ブログ 紹介予定派遣

リンク、プロフィールなどを表示

プロフィール

Author:Gamo
ブロガーを応援する便利なブログパーツをお届けします。

管理者ページ

ゲームで一息。

おまけ　spaceinvaders

雪の振らない「Xmas」のソースは次のようになります。 function intSanta() { var img = new Image(); img.src='http://blog-imgs-17.fc2.com/b/l/o/blogsquare256/xmas07.gif'; var div=document.createElement("div"); div.id='santa'; div.style.position = "absolute"; div.style.top=-900; div.style.left=-900; div.style.width=60; div.style.visibility=...

実験･作成中プラグインの置き場

flickrで記憶力チェック! お試し版

これは何？

flickrの画像を検索して、検索結果の画像で神経衰弱ぽいことをするお遊びツールです。

①キーワード、検索数を指定して[検索]ボタンをクリック

※検索数が多いと、難易度が高くなります。

②[遊んでみる]ボタンをクリックで、検索結果の画像(×2)をランダムに配置

③画像の配置を記憶して、[開始]ボタンをクリック

④隠れた画像をクリックして、同じ画像を探す

単にflickrの画像検索としても使えます。検索結果の画像をクリックすると標準サイズの画像がオーバレイ表示されます。

動画や音楽を検索

Youtube検索

AmebaVision検索

dailymotion動画検索

日本語→ローマ字変換結果

dailymotionマイチャンネル

Yahoo!動画検索

Webサービス by Yahoo! JAPAN

楽天商品を検索

楽天検索

楽天Match

ガチャ天

これいくら?

商品の値段を当てるゲーム

①キーワードを入力
②レベル(LV)を選択
③[開始]ボタンをクリック
④下のボックスに値段を入力
⑤[円だ!]ボタンをクリック!
⑥正解でポイント加算
⑦[次]ボタンで次の商品表示

※貯まったポイントは「楽天で使える!」・・・なんてことはありません。

遊ぶブログ

Supported by 楽天ウェブサービス

遊ぶブログ＋ Javaスクリプト小技集

ブログのカスタマイズとか、ブログパーツとか

ブログ

Entries

スポンサーサイト