js script that highlights and flashes an element_javascript skills

There is important content on the page that needs to be reminded to customers, and there are many ways to do it. To remind users to pay attention to a certain area (div), you can add a border flashing effect to the div to attract the user's attention.

<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> Box I <input type="button" value="闪烁" onclick="highLight($('demo'))"> <input type="button" value="停止" onclick="stopTwinkle($('demo'))"> <div id="demo2" class="box"> </div> Box II <input type="button" value="闪烁" onclick="highLight($('demo2'))"> <input type="button" value="停止" onclick="stopTwinkle($('demo2'))">
[Ctrl A Select all Note: If you need to introduce external Js, you need to refresh to execute

]

There are several codes included in the code Commonly used functions (separated with comments) can be replaced by methods in prototype.js. The following functions can also be run with slight modifications.