HTML5先行者高级交流群

html5先行者

欢迎加入学习讨论

专注前端，专注网页设计制作及网站开发项目 - (低价承接网站开发项目) QQ：370158739加入收藏RSS

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

高亮闪烁某个元素的js脚本_javascript技巧_

2014-05-24 22:09:38 [小大] 已经帮助：人解决问题

页面上有些重要内容需要提醒客户，可采用的方法有很多。提醒用户关注某一区域(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 全选注:如需引入外部Js需刷新才能执行]

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

（责任编辑：）

推荐书籍

推荐资讯

html5及css3做的3D小房子

html5及css3做的3D小

html5视频应用

html5视频应用

友情链接:联系人：QQ370158739

关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助