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

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

页面上有些重要内容需要提醒客户,可采用的方法有很多。提醒用户关注某一区域(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 中的方法替换,下面的几个函数略作修改也可运行。

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

猜你喜欢

  • 详解Python不同版本之间的切换方法

    2023-12-28 05:22:06
  • CodeIgniter连贯操作的底层原理分析

    2024-05-02 17:15:11
  • 将python依赖包打包成window下可执行文件bat方式

    2022-01-25 08:11:43
  • Electron点击穿透不规则窗体的透明区域的实现

    2024-04-23 09:32:32
  • MySQL 选择合适的存储引擎

    2024-01-21 08:55:24
  • VS2019 自定义项目模板的实现方法

    2022-05-08 21:14:23
  • JS中的算法与数据结构之集合(Set)实例详解

    2024-04-16 09:28:34
  • python浪漫表白源码

    2023-11-22 05:16:39
  • SQL Agent服务无法启动的解决方法

    2024-01-21 23:10:21
  • 交互设计实用指南系列(7)–避免迷路

    2010-01-23 09:52:00
  • 利用python求积分的实例

    2023-07-08 15:44:23
  • 美图秀秀web开放平台--PHP流式上传和表单上传示例分享

    2023-11-15 08:34:42
  • Python爬虫框架之Scrapy中Spider的用法

    2023-10-04 10:38:21
  • Python3.10 Generator生成器Coroutine原生协程详解

    2023-10-25 15:31:36
  • ie7空格的间距要比ie6/firefox/opera的都要大

    2008-05-24 16:54:00
  • Go语言中内存管理逃逸分析详解

    2024-05-08 10:13:48
  • python numpy--数组的组合和分割实例

    2023-02-17 03:58:39
  • 利用Golang如何调用Linux命令详解

    2024-05-05 09:34:43
  • 如何使用yolov5输出检测到的目标坐标信息

    2021-07-12 17:25:14
  • ASP把长的数字用格式化为货币样式的函数

    2009-09-18 14:49:00
  • asp之家 网络编程 m.aspxhome.com