Warning: Trying to access array offset on value of type bool in /home/yotigory/codingmania.net/public_html/wp-content/plugins/search-everything/config.php on line 29
時間が経つと要素(画像)を表示を消します。 - CodingMania

2013/6/12

時間が経つと要素(画像)を表示を消します。

時間がたつと上に載っている画像の表示がなくなります。

fadeOutをfadeInにもできます。タイミングも変更できます。

JSを読み込みます

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript" src="tool.js"></script>

[tool.js]JavaScript

$(document).ready(function() {
	var time = 5000;
	setTimeout(function() {
		$("#coverimage").fadeOut();	},time);
});

HTMl

<div class="mod_Sample">
<p>これは同年初めてどんな養成痛としてののためが立たたます。</p>

<p>よく先刻に落第めもすこぶるその相違ますででもがしばいるですがも諷刺落ちつけないたらて、たったにはおらますないですた。</p>

<p>主義に聞かんのはもっとも時分にむしろですなで。</p>

<p>大分岡田さんを交渉兄実際矛盾から出た人この自身何か話からというご自白なですますんて、同じ以後は私か権力個人が見下して、ネルソンさんののを胃の私をもし実関係とついばそれ理非でお講演になっようにいかにご講演に始めないますて、けっしてどうも話を云ったのでいないのが返ったでし。</p>

<p>またたとえば皆人にしんもさっそく同等としないて、この他にも行き届いたてというずるに怖がってみろないん。</p>

<p>どんなため会員のためどんな害もあなた上がしたかと久原さんにしたう、常雇いの場合ないというご腐敗ですたでしば、会員のうちを不平に元来ばかりの秋刀魚に今度上るのでならて、突然の昨日をするてそうした他がもう向けましたとなるうものたらて、ないますでしょやこうお自分考えるなくのですならた。</p>

<p>ただ年か不都合か料簡に企てですて、事実上断りに立つからいるませ以上にお接近の場合におくなかっう。</p>
<img id="coverimage" src="img/image.png" width="368" height="368" alt="大切なお知らせ" />
<!--mod_Sample_end--></div>

CSS

.mod_Sample{
 position:relative;
}
.mod_Sample #coverimage{
 position:absolute;
 top:0px;
 left:0px;
 z-index:9999;
}