恒川デザイン事務所
HomeInformationWorksOfficeBlogPrivacyContact
Web Design
Graphic Design
Logo Design
Charactor Design
【JavaScript | Ajax | jQuery | CSS | サンプル&ネタいろいろ備忘録】
JavaScript
CSS
画像系
div要素系
google map
js 基本
検索エンジン

 

リンク数を調べる
googleの検索窓に
"http://www.○○○.com" -site: ○○○ .com
と入れる。
○○○.comはドメイン名

googleで認識されているリンクなので、全部が出るとは限らないため目安。

"http://www.○○○.com" -site: ○○○ .com
google map の吹き出しを表示しない

output=embed の次に

 

&iwloc=B

 

と入れる 

リロード毎に画像をランダムに表示

画像のランダム表示です。

表示したいところに貼ります。

img/img0.jpgのところに画像のパスを記載。 

 

こちらそのままです。 

参考&元ネタ

http://javascript.eweb-design.com/0804_ri.html

 


◆サンプル
リロードしてみてください。
微妙に変化しているはず。

オンマウスで画像を透過させる

メニューなどに使うと便利。

 

数字の部分で透過度を調整する。

 

下のcssはsampleというclass内の画像にオンマウスした場合です。

 

参考&元ネタ

すいません、忘れました。

 

css


body内

◆サンプル
toukasample.gif
フッターを常にブラウザの下に表示

CSSで可能。

 

bodyにフッターの高さ分のpaddingを入れる。

ここでは

padding: 0px 0px 50px 0px;

 

* html bodyにoverflow: hidden;を入れておく。

 

フッター(ここでは#under)に

position: fixed !important;
position: absolute;
と

高さを指定しておく。

 

参考&元ネタ

http://scuderia-web.com/tips/xhtml_css/fixed_header_and_footer.php

ありがとうございます。

 

◆サンプル

ブラウザを縦に伸縮してみてください。

 

こちら

チェックを入れるとDIV要素が表示される

チェックを入れるとdiv要素が出るというもの。

フォームなどに使えるかな。

 

参考&元ネタ

申し訳ない。忘れました。

 

head内に記述。もしくは別ファイルで


body内例


cssに記述

◆サンプル
チェックを入れると
選んでください。

page top ↑

HOME

 

information

link

恒川ブログ

【ホームページ制作】

コンセプト

料金

制作フロー

CMSを利用したサイト

ショッピングサイト

SEO対策

制作実績

【グラフィックデザイン】

チラシ・フライヤー

三つ折りパンフレット

ポスター

会社案内・パンフレット

名刺・封筒・ショップカード

料金

【ロゴデザイン】

料金

sample

【キャラクターデザイン】

料金

【事務所案内】

事務所概要

staff profile

アクセス

お問い合わせ・お申し込み

privacy policy

 

【制作可能エリア】

 

JavaScript | Ajax | jQuery | サンプル&ネタいろいろ備忘録

恒川デザイン事務所 東京都大田区北馬込1-6-6 TEL: 03-3781-8868

Copyright© Tsunekawa Design Office. All Rights Reserved.