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 相关文章推荐
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
基于jquery实现放大镜效果
Aug 17 Javascript
jQuery学习心得总结(必看篇)
Jun 10 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
jquery判断iPhone、Android设备类型
Sep 14 Javascript
jQuery实现自动调用和触发某个事件的方法
Nov 18 Javascript
使用DataTable插件实现异步加载数据
Nov 19 Javascript
vue安装和使用scss及sass与scss的区别详解
Oct 15 Javascript
javascript中函数的写法实例代码详解
Oct 28 Javascript
JS module的导出和导入的实现代码
Feb 25 Javascript
vue中引入mxGraph的步骤详解
May 17 Javascript
基于JavaScript伪随机正态分布代码实例
Nov 07 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
thinkphp中AJAX返回ajaxReturn()方法分析
2016/12/06 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
浅谈laravel-admin的sortable和orderby使用问题
2019/10/03 PHP
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
jquery 页面滚动到底部自动加载插件集合
2014/01/31 Javascript
做好七件事帮你提升jQuery的性能
2014/02/06 Javascript
jQuery窗口、文档、网页各种高度的精确理解
2014/07/02 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
js实现的二级横向菜单条实例
2015/08/22 Javascript
简单实现兼容各大浏览器的js复制内容到剪切板
2015/09/09 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
2016/11/03 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
2016/12/12 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)
2017/08/29 Javascript
深入理解Angular4订阅(Subscribe)与取消
2017/11/22 Javascript
vue webpack打包优化操作技巧
2018/02/22 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
vue实现后台管理权限系统及顶栏三级菜单显示功能
2019/06/19 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
JavaScript接口实现方法实例分析
2020/05/16 Javascript
浅谈JavaScript中你可能不知道URL构造函数的属性
2020/07/13 Javascript
python中enumerate函数用法实例分析
2015/05/20 Python
Pytorch中的VGG实现修改最后一层FC
2020/01/15 Python
Python3.7.0 Shell添加清屏快捷键的实现示例
2020/03/23 Python
在Keras中实现保存和加载权重及模型结构
2020/06/15 Python
客户代表自我评价范例
2013/09/24 职场文书
初中生期末考试的自我评价
2013/12/17 职场文书
茶叶店创业计划书范文
2014/01/19 职场文书
项目经理聘任书
2014/03/29 职场文书
情况说明书格式范文
2014/05/06 职场文书
校庆标语集锦
2014/06/25 职场文书
社区志愿者活动总结
2014/06/26 职场文书
作文批改评语
2014/12/25 职场文书
工伤认定行政答辩状
2015/05/22 职场文书
演讲开场白台词大全
2015/05/29 职场文书