element_javascript 기술을 강조 표시하고 깜박이는 js 스크립트

페이지에는 고객에게 상기시켜야 할 중요한 콘텐츠가 있으며 이를 수행하는 방법은 다양합니다. 사용자에게 특정 영역(div)에 주의를 기울이도록 상기시키기 위해 div에 테두리 깜박임 효과를 추가하여 사용자의 주의를 끌 수 있습니다.

<style> .box {border:1px solid #ccc; height:100px; width:600px; text-align:center; line-height:100px; background-color:#f7f7f7} .highLight {background-color:#ffffcc; border:1px solid #f30} </style> <div id="demo" class="box"> </div> 박스 I <input type="button" value="闪烁" onclick="highLight($('demo'))"> <input type="button" value="停止" onclick="stopTwinkle($('demo'))"> <div id="demo2" class="box"> </div> 상자 II <input type="button" value="闪烁" onclick="highLight($('demo2'))"> <input type="button" value="停止" onclick="stopTwinkle($('demo2'))">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다.

]

여기 코드에 포함된 여러 코드입니다. 일반적으로 사용되는 함수(주석으로 구분)는 프로토타입.js의 메소드로 대체될 수 있습니다. 다음 함수도 약간 수정하여 실행할 수 있습니다.