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 得到变量类型的函数
May 19 Javascript
JavaScript中奇葩的假值示例应用
Mar 11 Javascript
PHP中CURL的几个经典应用实例
Jan 23 Javascript
Jquery 分页插件之Jquery Pagination
Aug 25 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
AngularJS实现的JSONP跨域访问数据传输功能详解
Jul 20 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
layui实现鼠标移动到单元格上显示数据的方法
Sep 11 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
jQuery实现简单日历效果
Jul 05 jQuery
原生js实现拖拽移动与缩放效果
Aug 24 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
Apache设置虚拟WEB
2006/10/09 PHP
PHP 调试工具Debug Tools
2011/04/30 PHP
一个php短网址的生成代码(仿微博短网址)
2014/05/07 PHP
PHP模版引擎原理、定义与用法实例
2019/03/29 PHP
PHP 数组黑名单/白名单实例代码详解
2019/06/04 PHP
VBScript版代码高亮
2006/06/26 Javascript
JavaScript 获得选中文本内容的方法
2009/02/15 Javascript
jquery的index方法实现tab效果
2011/02/16 Javascript
jquery多行滚动/向左或向上滚动/响应鼠标实现思路及代码
2013/01/23 Javascript
JavaScript 函数replace深入了解
2013/03/14 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
JavaScript Window浏览器对象模型方法与属性汇总
2015/04/20 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
2017/07/17 Javascript
深入讲解xhr(XMLHttpRequest)/jsonp请求之abort
2017/07/26 Javascript
简单谈谈vue的过渡动画(推荐)
2017/10/11 Javascript
三种Webpack打包方式(小结)
2018/09/19 Javascript
Angular8 Http拦截器简单使用教程
2019/08/20 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
JS中间件设计模式的深入探讨与实例分析
2020/04/11 Javascript
VSCode搭建Vue项目的方法
2020/04/30 Javascript
Python 实现简单的电话本功能
2015/08/09 Python
Python3爬虫学习之应对网站反爬虫机制的方法分析
2018/12/12 Python
Python按钮的响应事件详解
2019/03/04 Python
python常用数据重复项处理方法
2019/11/22 Python
python3实现弹弹球小游戏
2019/11/25 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
芬兰攀岩、山地运动和户外活动用品购物网站:Bergfreunde
2016/10/06 全球购物
世界顶级俱乐部的官方球衣和套装:Subside Sports
2018/04/22 全球购物
美国在线宠物商店:Chewy
2019/01/12 全球购物
银行求职信怎么写
2014/05/26 职场文书
大学生创业,为什么都会选择快餐饮?
2019/08/08 职场文书
Mysql 如何实现多张无关联表查询数据并分页
2021/06/05 MySQL
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL