JavaScript・CSS

ホームページ作成に役立つ、JavaScriptやCSSの小技集
カテゴリ
無料コースのブログ(Blog)
無料コースのブログ/一覧 (59)


リンク

無料ブログ比較・評価サンプル
無料レンタル ブログ比較
相互リンクでSEO!
ページランクアップの方法
SEO対策検索エンジン
アクセスアップ同好会SEO
アクセスアップ!SEO
ホームページ作成講座
JavaScript サンプル置き場
格安レンタルサーバー
ゲームソフト ゲーム機 通販


2017年12月
         
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            

新着エントリ
ケアマネジャー試験 過去問選択肢別パーフェクトガイド 2008 (6/2)
ケアマネジャー合格ポイントドリル (6/2)
全国通信制高校案内〈2006~2007年版〉 (3/29)
通信制高校とは? (3/29)
ブログやホームページにオリジナル検索エンジン設置! (3/25)
携帯サイトアクセス向上テクニック (3/23)
検索エンジンロボットシミュレーター (3/15)
ブログパーツ「FLO:Q」でスマートアフィリエイト! (3/14)
無料ブログサービス ベクター マグログ「Vector maglog」 (2/26)
漢検DSプレゼンツ都道府県対抗漢字バトル (2/25)
英会話家庭教師派遣サービス (2/12)
刷新してほしいナースのバイタルサイン技法 (2/5)
マンガでわかるナースの統計学 (2/4)
短大・専門学校卒ナースが簡単に看護大学卒になれる本 (2/4)
英語が苦手な大人のDSトレーニング えいご漬け (1/20)
ドラゴンクエストモンスターズ ジョーカー (1/19)
不思議のダンジョン 風来のシレンDS (1/19)
ポケットモンスター パール (1/19)
ポケットモンスター ダイヤモンド : ニンテンドーDS (1/19)
骨盤クロスサポートベルト SM (12/12)
骨盤ベルト ハードタイプ SM (12/12)
アシックス 膝快調 SM (12/11)
骨盤ベルト 天然ゴムタイプ SM (12/11)
スリムパンツ SM (12/11)
サウナストッキング SM (12/11)
コジット ウェーブサウナスパッツ SM (12/11)
ウエストシェーパー SM (12/11)
英語学習ソフト えいご漬け 改訂版 (10/14)
ipodで覚える日常英会話―場面別1400フレーズ (10/13)

新着トラックバック/コメント

無料情報やアクセスアップ・SEOに関する事、その他etcを公開

アーカイブ
2005年 (10)
7月 (4)
8月 (6)
2006年 (30)
1月 (5)
4月 (5)
7月 (5)
10月 (7)
12月 (8)
2007年 (17)
1月 (5)
2月 (6)
3月 (6)
2009年 (2)
6月 (2)


アクセスカウンタ
今日:10
昨日:20
累計:202,800


RSS/Powered by 「のブログ

[PR]



2006年01月25日(Wed)▲ページの先頭へ
ランダム画像表示&リンク Javaスクリプト

ランダムに画像を表示しリンクさせるJavaスクリプトです。

JavaScriptソース

<SCRIPT language="JAVASCRIPT">
<!--
Se=Math.floor(Math.random()*10);
if(Se==0||Se==1){Se1="0";}
if(Se==2||Se==3){Se1="1";}
if(Se==4||Se==5){Se1="2";}
if(Se==6||Se==7){Se1="3";}
if(Se==8||Se==9){Se1="4";}

Co=new Array(5);
ga=new Array(5);

Co[0]="リンク先URL"; // リンク先0
ga[0]="表示画像へのパス"; // 表示画像0

Co[1]="リンク先URL"; // リンク先1
ga[1]="表示画像へのパス"; // 表示画像1

Co[2]="リンク先URL"; // リンク先2
ga[2]="表示画像へのパス"; // 表示画像2

Co[3]="リンク先URL"; // リンク先3
ga[3]="表示画像へのパス"; // 表示画像3

Co[4]="リンク先URL"; // リンク先4
ga[4]="表示画像へのパス"; // 表示画像4

document.write('<A href="'+Co[Se1]+'">');
document.write('<IMG src="'+ga[Se1]+'"
border="0"></A>');
// -->
</SCRIPT>



 ◎FC2ブログをはじめよう!>>>登録はこちら
 ◎簡単に自分のブログが作れるヒップホップ101ダブログ
 ◎ブログで作るビジネス専用のホームページドリームブログ

SEO対策仕様テンプレートのモニター募集中!

 ※JAVAスクリプト〜サンプル置き場
 ※アクセスアップ SEO対策同好会
 ※ホームページ作成講座
 ※ブログ;JavaScript(ジャバスクリプト)
 ※ブログ;スタイル シート(CSS)

2005年08月26日(Fri)▲ページの先頭へ
フロート・イン・ウインドウ

この【フロート・イン・ウインドウ】は、ブログ リング(Weblog Ring)に参加しているサイト様のみ利用可能です。

 ※ブログ リング(Weblog Ring)詳細説明はこちら!

フロート・イン・ウインドウ バージョン - 2 ソース

注意事項

※●の部分は、ブログ リング 参加承認された際に発行される"サイトID"に、必ず変更して下さい。

※スクリプト使用によりサーバーやパソコンに支障をきたすような事あっても、当方では責任を取りかねます。
 以上の事をご理解頂いたうえで、必ず、自己責任のもとでのご利用をお願い致します

<SCRIPT language=JavaScript type=text/javascript>
<!--
document.write("<table width='140' height='85' border='0' style='display:none;position:absolute;top:5px;left:5px;empty-cells:hide' id='pwID51298301v001'><tr><td style='text-align:center'>");<
document.write("<table cellspacing='1' cellpadding='3' style='background-color:#ffff33;'>");
document.write("<tr><td style='font-size:9pt;text-align:center;background-color:#ffffff;padding:3;'>");
document.write("<a href='http://www.webring.ne.jp/cgi-bin/webring?ring=bloglink;id=●;prev5' target='_blank'>&lt;&lt;</a>");
document.write("<a href='http://www.webring.ne.jp/cgi-bin/webring?ring=bloglink;id=●;prev' target='_blank'>&lt;</a>");
document.write("<a href='http://www.webring.ne.jp/cgi-bin/webring?ring=bloglink;list' target='_blank'>リスト</a>");
document.write("<a href='http://www.webring.ne.jp/cgi-bin/webring?ring=bloglink;id=●;random' target='_blank'>ランダム</a>");
document.write("<a href='http://www.webring.ne.jp/cgi-bin/webring?ring=bloglink;id=●;next' target='_blank'>&gt;</a>");
document.write("<a href='http://www.webring.ne.jp/cgi-bin/webring?ring=bloglink;id=●;next5' target='_blank'>&gt;&gt;</a>");
document.write("</td></tr><tr><td style='text-align:center;padding:0;'>");
document.write("<a href='http://www.webring.ne.jp/cgi-bin/webring?ring=bloglink;addform' target='_blank'><IMG src='バナー画像.gif' width='130' height='20' border='0' alt='無料ブログ リング仮登録はこちら!'></a>");
document.write("</td></tr><tr><td style='text-align:center;padding:0;font-size:8pt;'>");
document.write("by <a href='http://weblog.seo-search.com/' target='_blank'>無料ブログ比較・評価</a>");
document.write("</td></tr></table>");
document.write("<p style='margin:3 0 1 0;font-size:11px;'><a href='#' onclick='javascript:pwID51298301v003();'>[閉じる] </a></p>");
document.write("</td></tr></table>");

if ( document.getElementById ) pwID51298301v005 = document.getElementById ( "pwID51298301v001" ); else pwID51298301v005 = document.all ["pwID51298301v001"]; function pwID51298301v002 ( ) { if ( document.getElementById ) content = document.getElementById ( "pwID51298301v004" ); else content = document.all ["pwID51298301v004"]; if ( content.style.display == "none" ) { content.style.display = ""; pwID51298301v005.style.height = "170px"; } else { content.style.display = "none"; pwID51298301v005.style.height = "20px"; } } function pwID51298301v003 ( ) { pwID51298301v005.style.display = "none"; } var pwID51298301v006 = 10, pwID51298301v007 = 10; function pwID51298301v008 ( ) { return ( ( window.pageXOffset ) ? window.pageXOffset : document.body.scrollLeft ) + pwID51298301v006; } function pwID51298301v009 ( ) { return ( ( window.pageYOffset ) ? window.pageYOffset : document.body.scrollTop ) + pwID51298301v007; } function pwID51298301v010 ( ) { pwID51298301v005.style.top = pwID51298301v009 ( ); pwID51298301v005.style.left = pwID51298301v008 ( ); setTimeout ( "pwID51298301v010 ( );", 1000 ); } function pwID51298301v011 ( ) { if ( pwID51298301v006 != 10 || pwID51298301v007 != 10 ) { if ( pwID51298301v006 != 10 ) if ( Math.abs ( pwID51298301v006 - 10 ) <= 40.000000 ) pwID51298301v006 = 10; else if ( pwID51298301v006 < 10 ) pwID51298301v006 += 40.000000; else pwID51298301v006 -= 40.000000; if ( pwID51298301v007 != 10 ) if ( Math.abs ( pwID51298301v007 - 10 ) <= 40.000000 ) pwID51298301v007 = 10; else if ( pwID51298301v007 < 10 ) pwID51298301v007 += 40.000000; else pwID51298301v007 -= 40.000000; pwID51298301v005.style.top = pwID51298301v009 ( ); pwID51298301v005.style.left = pwID51298301v008 ( ); setTimeout ( "pwID51298301v011();", 20 ); } else pwID51298301v010 ( ); } function pwID51298301v012 ( ) { pwID51298301v006 = 10; pwID51298301v007 = 10; switch ( 4 ) { case 3: pwID51298301v006 = -140; break; case 4: pwID51298301v006 = ( ( window.innerWidth ) ? window.innerWidth : document.body.clientWidth ); break; case 1: pwID51298301v007 = -85; break; case 2: pwID51298301v007 = ( ( window.innerHeight ) ? window.innerHeight : document.body.clientHeight); break; } pwID51298301v005.style.top = pwID51298301v009 ( ); pwID51298301v005.style.left = pwID51298301v008 ( ); pwID51298301v005.style.display = ""; pwID51298301v011 ( ); } setTimeout ( "pwID51298301v012 ( );", 2500 ); var pwID51298301v024, pwID51298301v025; function pwID51298301v026 ( e ) { v027 = ( document.all ) ? event.clientX : e.clientX; v028 = ( document.all ) ? event.clientY : e.clientY; pwID51298301v006 += v027 - pwID51298301v024; pwID51298301v007 += v028 - pwID51298301v025; pwID51298301v024 = v027; pwID51298301v025 = v028; pwID51298301v005.style.top = pwID51298301v009 ( ); pwID51298301v005.style.left = pwID51298301v008 ( ); } function pwID51298301v029 ( ) { } function pwID51298301v030 ( ) { document.onmousemove = pwID51298301v029; document.onmouseup = pwID51298301v029; } function pwID51298301v031 ( v032 ) { pwID51298301v024 = ( document.all ) ? event.clientX : v032.clientX; pwID51298301v025 = ( document.all ) ? event.clientY : v032.clientY; document.onmousemove = pwID51298301v026; document.onmouseup = pwID51298301v030; } pwID51298301v005.onmousedown = pwID51298301v031;
//-->
</SCRIPT>

管理サイト;無料ブログ比較・評価&サンプルblog


2005年08月02日(Tue)▲ページの先頭へ
文字に影をつけ立体的にする!

スタイルシートで文字に影をつけ立体的にしてみよう

文字に影

▼CSS ソース

<DIV STYLE="FONT-WEIGHT:900;FONT-SIZE:25px;COLOR:#ff0000;WIDTH:100%;POSITION:relative;FILTER:shadow(color=#999999,direction=135);">文字に影</DIV>


2005年07月31日(Sun)▲ページの先頭へ
ポジション指定でSEO対策

検索エンジンで、キーワードを上位表示させるために、上位表示させたいキーワードを、ページの上部に集中させる事は、SEOの常識ですが、ページの体裁などを考えると、なかなか思うようにはいきません。

そこで、スタイルシート(CSS)を使って、上位表示させたいキーワードを含んだ文章を、ページの上部にポジション指定して表記します。

ポジションは、好みの位置に配置してください。

テキストを、ページ上部から95px、ページ左から80pxの位置に指定

◇↓ ソース ↓

<DIV ID="position" style="position:absolute;top:95px;left:80px;">
※テキストを、ページ上部から95px、ページ左から80pxの位置に指定する
</DIV>

但し、ページ枠外などにポジション指定すると、スパム行為となり、ペナルティーを受けるので、注意しましょう!