网络编程
位置:首页>> 网络编程>> JavaScript>> 高亮闪烁某个元素的js脚本

高亮闪烁某个元素的js脚本

  发布时间:2024-04-16 09:04:27 

标签:高亮闪烁某个元素的js脚本

页面上有些重要内容需要提醒客户,可采用的方法有很多。提醒用户关注某一区域(div),可以给该div加上边框闪烁的效果,达到吸引用户眼球的效果。

<script language="javascript" type="text/javascript">    </script>  <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">  Box I  </div>    <input type="button" value="闪烁" onclick="highLight($('demo'))" />  <input type="button" value="停止" onclick="stopTwinkle($('demo'))" />      <div id="demo2" class="box">  Box II  </div>    <input type="button" value="闪烁" onclick="highLight($('demo2'))" />  <input type="button" value="停止" onclick="stopTwinkle($('demo2'))" />

代码里包含有几个常用函数(已用注释分割开),可用 prototype.js 中的方法替换,下面的几个函数略作修改也可运行。

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com