女性ふたりでＰＣ見る

ここからが後半

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

まず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>
    

つぎはCSS

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

.m_ranking .wpost-item {

        margin-top: 100px;

	counter-increment: ranking;

	position: relative;

}


    

次は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;

});


    

次はjs編集ver

ショートコード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;

});


    

編集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>