Quantcast
Channel: CSSタグが付けられた新着記事 - Qiita
Viewing all articles
Browse latest Browse all 8707

CSS/javascriptで文字列・背景色を反転で点滅する

$
0
0

CSS3の方法と点滅する方法はあったが、反転で点滅する方法が無かったので作成。

<html><head><style>p{font-size:8ex;font-weight:bold;}</style><script>functionblink(){obj=document.getElementsByTagName("body");obj2=document.getElementsByTagName("p");obj[0].style.backgroundColor="#FF0000";obj2[0].style.color="#FFFF00";obj2[1].style.color="#FFFF00";setTimeout("blink2()",1000);}functionblink2(){obj=document.getElementsByTagName("body");obj2=document.getElementsByTagName("p");obj[0].style.backgroundColor="#FFFF00";obj2[0].style.color="#FF0000";obj2[1].style.color="#FF0000";setTimeout("blink()",1000);}</script></head><bodyonload="blink()"><p>予定より作業が押しています。</p><p>今しばらくお待ちください。</p></body><html>

ネタ元
CSS/javascriptで文字列・背景色を点滅する | いなかんSE
https://ameblo.jp/sirokuma-takano/entry-11540390191.html


Viewing all articles
Browse latest Browse all 8707

Latest Images

Trending Articles

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>