女性ふたりでＰＣ見る

この文章はダミーです。量、字間、行間等を確認するために入れています。この文章はダミーです。量、字間、行間等を確認するために入れていますこの文章はダミーです。量、字間、行間等を確認するために入れていますこの文章はダミーです。量、字間、行間等を確認するために入れていますこの文章はダミーです。量、字間、行間等を確認するために入れています

1ハイライトHTML

ショートコードHTMLで書いた

<ul class=”footer-list”>

	<li class=”menu-item”><a href=”#”>メニュー1</a></li>

	<li class=”menu-item”><a href=”#”>メニュー2</a></li>

</ul>
    

2ハイライトCSS

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等

ショートコードCSSで書いた

.m_ranking .wpost-item {

        margin-top: 100px;

	counter-increment: ranking;

	position: relative;

}


    

3ハイライトjs

この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確認するために入れています。この文章はダミーです。文字の大きさ、量、字間、行間等を確

ショートコードJSで書いた

jQuery(‘a[href^=”#”]’).click(function () {

	var header = 0; // jQuery( ‘#header’ ).height();

	var speed = 300;

	var id = jQuery(this).attr(‘href’);

	var target = jQuery(‘#’ == id ? ‘html’ : id);

	var position = jQuery(target).offset().top – header;

	if (0 > position) {

		position = 0;

	}

	jQuery(‘html, body’).animate(

		{

			scrollTop: position

		},

		speed

	);

	return false;

});