当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 高亮闪烁某个元素的js脚本

技术文章搜索

关键字

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

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 186 ::
收藏到网摘: n/a

增强的 JavaScript 的 trim 函数的代码 用JavaScript 处理 URL 的两个函数代码

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

增强的 JavaScript 的 trim 函数的代码 用JavaScript 处理 URL 的两个函数代码

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）