jQuery实现网站添加高亮突出显示效果的方法


Posted in Javascript onJune 26, 2015

本文实例讲述了jQuery实现网站添加高亮突出显示效果的方法。分享给大家供大家参考。具体如下:

这段jquery代码演示了如何把整个页面遮罩起来,突出显示某些东西

$(function() {
  var docHeight = $(document).height();
  $("body").append("<div id='overlay'></div>");
  $("#overlay")
   .height(docHeight)
   .css({
     'opacity' : 0.4,
     'position': 'absolute',
     'top': 0,
     'left': 0,
     'background-color': 'black',
     'width': '100%',
     'z-index': 5000
   });
});

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
JS input 数字验证代码
Jul 30 Javascript
jQuery 数据缓存模块进化史详细介绍
Nov 19 Javascript
用C/C++来实现 Node.js 的模块(一)
Sep 24 Javascript
原生js实现淘宝购物车功能
Jun 23 Javascript
JavaScript 网页中实现一个计算当年还剩多少时间的倒数计时程序
Jan 25 Javascript
vue-resourse将json数据输出实例
Mar 08 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
JavaScript实现京东购物放大镜和选项卡效果的方法分析
Jul 05 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
Sep 14 Javascript
浅谈vue中使用编辑器vue-quill-editor踩过的坑
Aug 03 Javascript
jQuery匹配文档链接并添加class的方法
Jun 26 #Javascript
jquery计算鼠标和指定元素之间距离的方法
Jun 26 #Javascript
jquery操作angularjs对象
Jun 26 #Javascript
jQuery检查事件是否触发的方法
Jun 26 #Javascript
js限制input标签中只能输入中文
Jun 26 #Javascript
jQuery实现按钮只点击一次后就取消点击事件绑定的方法
Jun 26 #Javascript
浅谈JavaScript异常处理语句
Jun 26 #Javascript
You might like
php的chr和ord函数实现字符加减乘除运算实现代码
2011/12/05 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
javascript生成/解析dom的CDATA类型的字段的代码
2007/04/22 Javascript
简单的JS多重继承示例
2008/03/13 Javascript
javascript日期对象格式化为字符串的实现方法
2014/01/14 Javascript
js实现表格字段排序
2014/02/19 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
原生javascript实现匀速运动动画效果
2016/02/26 Javascript
Bootstrap如何激活导航状态
2017/03/22 Javascript
vue下canvas裁剪图片实例讲解
2020/04/16 Javascript
[01:37]PWL S2开团时刻DAY1&2——这符有毒
2020/11/20 DOTA
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
Python实现选择排序
2017/06/04 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Python实现TCP探测目标服务路由轨迹的原理与方法详解
2019/09/04 Python
redis数据库及与python交互用法简单示例
2019/11/01 Python
Python3如何判断三角形的类型
2020/04/12 Python
如何基于Python爬取隐秘的角落评论
2020/07/02 Python
写出SQL四条最基本的数据操作语句(DML)
2012/12/12 面试题
自荐信怎么写好
2013/11/11 职场文书
保护母亲河倡议书
2014/04/14 职场文书
党的群众路线学习材料
2014/05/16 职场文书
环保宣传标语
2014/06/12 职场文书
火箭队口号
2014/06/18 职场文书
员工辞职信怎么写
2015/02/27 职场文书
班级联欢会主持词
2015/07/03 职场文书
文明礼仪主题班会
2015/08/13 职场文书
2016年学校党支部公开承诺书
2016/03/25 职场文书
Nginx + consul + upsync 完成动态负载均衡的方法详解
2021/03/31 Servers
JavaScript继承的三种方法实例
2021/05/12 Javascript
简述Java中throw-throws异常抛出
2021/08/07 Java/Android
灵能百分百第三季什么时候来?
2022/03/15 日漫
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技