텍스트 깜박임 effect_javascript 기술을 달성하는 js 방법
- WBOY원래의
- 2016-05-16 15:25:261650검색
본 글의 예시는 jquery를 기반으로 지방자치단체 연계 특수 효과를 구현하기 위한 코드를 설명하고 있으며, 참고용으로 모두에게 공유합니다.
작업 렌더링:
구현 원칙: 스타일 객체를 사용하여 CSS 속성을 설정하고 이를 타이머와 결합하여 js를 구현하여 텍스트 깜박임 효과를 얻습니다.
구체적인 코드는 다음과 같습니다
<html>
<head>
<meta charset="gb2312" />
<title>js实现文字闪烁特效</title>
</head>
<script>
var flag = 0;
function start(){
var text = document.getElementById("myDiv");
if (!flag)
{
text.style.color = "red";
text.style.background = "#0000ff";
flag = 1;
}else{
text.style.color = "";
text.style.background = "";
flag = 0;
}
setTimeout("start()",500);
}
</script>
<body onload="start()">
<span id="myDiv">css的世界是如此的精彩！</span>
</body>
</html>
코드를 복사하면 실행됩니다.
이 기사가 JavaScript 프로그래밍에 종사하는 모든 사람에게 도움이 되기를 바랍니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.