高亮闪烁某个元素的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脚本
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
详解Python不同版本之间的切换方法
2023-12-28 05:22:06
![](https://img.aspxhome.com/file/2023/9/124689_0s.png)
CodeIgniter连贯操作的底层原理分析
2024-05-02 17:15:11
将python依赖包打包成window下可执行文件bat方式
2022-01-25 08:11:43
Electron点击穿透不规则窗体的透明区域的实现
2024-04-23 09:32:32
![](https://img.aspxhome.com/file/2023/0/135480_0s.png)
MySQL 选择合适的存储引擎
2024-01-21 08:55:24
![](https://img.aspxhome.com/file/2023/0/70460_0s.png)
VS2019 自定义项目模板的实现方法
2022-05-08 21:14:23
![](https://img.aspxhome.com/file/2023/6/112086_0s.png)
JS中的算法与数据结构之集合(Set)实例详解
2024-04-16 09:28:34
python浪漫表白源码
2023-11-22 05:16:39
![](https://img.aspxhome.com/file/2023/0/67830_0s.jpg)
SQL Agent服务无法启动的解决方法
2024-01-21 23:10:21
![](https://img.aspxhome.com/file/2023/5/96185_0s.png)
交互设计实用指南系列(7)–避免迷路
2010-01-23 09:52:00
![](https://img.aspxhome.com/file/UploadPic/20101/23/34-62s.jpg)
利用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
![](https://img.aspxhome.com/file/2023/2/87942_0s.jpg)
利用Golang如何调用Linux命令详解
2024-05-05 09:34:43
![](https://img.aspxhome.com/file/2023/6/127456_0s.png)
如何使用yolov5输出检测到的目标坐标信息
2021-07-12 17:25:14
![](https://img.aspxhome.com/file/2023/1/97361_0s.jpg)
ASP把长的数字用格式化为货币样式的函数
2009-09-18 14:49:00