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 相关文章推荐
JavaScript高级程序设计(第3版)学习笔记13 ECMAScript5新特性
Oct 11 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
深入理解ECMAScript的几个关键语句
Jun 01 Javascript
深入理解JavaScript中Ajax
Aug 02 Javascript
Bootstrap基本模板的使用和理解1
Dec 14 Javascript
Vue按需加载的具体实现
Dec 02 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
利用Angular2的Observables实现交互控制的方法
Dec 27 Javascript
Vue中Table组件Select的勾选和取消勾选事件详解
Mar 19 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
前端性能优化建议
Sep 17 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 Vue.js
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脚本数据库功能详解(下)
2006/10/09 PHP
Function eregi is deprecated (解决方法)
2013/06/21 PHP
PHP保留两位小数并且四舍五入及不四舍五入的方法
2013/09/22 PHP
php 解析xml 的四种方法详细介绍
2016/10/26 PHP
php文件上传 你真的掌握了吗
2016/11/28 PHP
js 有框架页面跳转(target)三种情况下的应用
2013/04/09 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
javascript原型链继承用法实例分析
2015/01/28 Javascript
Bootstrap每天必学之基础排版
2015/11/20 Javascript
利用Node.js制作爬取大众点评的爬虫
2016/09/22 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
ionic2 tabs使用 Modal底部tab弹出框
2016/12/30 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
2017/04/24 Javascript
React router动态加载组件之适配器模式的应用详解
2018/09/12 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
javascript中如何判断类型汇总
2019/05/14 Javascript
使用Vue实现调用接口加载页面初始数据
2019/10/28 Javascript
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
python中xrange用法分析
2015/04/15 Python
django+js+ajax实现刷新页面的方法
2017/05/22 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
Python操作word常见方法示例【win32com与docx模块】
2018/07/17 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
Django实现微信小程序的登录验证功能并维护登录态
2019/07/04 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
解决Windows下python和pip命令无法使用的问题
2020/08/31 Python
Scrapy项目实战之爬取某社区用户详情
2020/09/17 Python
python爬虫中采集中遇到的问题整理
2020/11/27 Python
Python Http请求json解析库用法解析
2020/11/28 Python
使用HTML5和CSS3表单验证功能
2017/05/05 HTML / CSS
新护士岗前培训制度
2014/02/02 职场文书
社区公民道德宣传日活动总结
2015/03/23 职场文书
房贷工资证明范本
2015/06/12 职场文书
2015暑假社会调查报告
2015/07/13 职场文书
2016年国培心得体会及反思
2016/01/13 职场文书
bose降噪耳机音能消除人声吗
2022/04/19 数码科技