页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

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

发布：dxy 字体：[增加减小] 类型：转载

页面上有些重要内容需要提醒客户，可采用的方法有很多。提醒用户关注某一区域(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'))" />

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

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

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

百度中搜索更多的关于高亮闪烁某个元素的js脚本内容，或者用Google搜索相关更多

浏览次数：载入中... 打印本文关闭本文返回首页

0

上一篇文章：增强的 JavaScript 的 trim 函数的代码
下一篇文章：JavaScript的9个陷阱及评点分析

文章评论

共有位脚本之家网友发表了评论我来说两句

同类文章

最近更新

热点排行