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选择器
Apr 24 Javascript
用队列模拟jquery的动画算法实例
Jan 20 Javascript
JavaScript获取当前url根目录(路径)
Jun 17 Javascript
纯JS代码实现隔行变色鼠标移入高亮
Nov 23 Javascript
微信小程序-拍照或选择图片并上传文件
Jan 06 Javascript
webpack开发跨域问题解决办法
Aug 03 Javascript
基于webpack.config.js 参数详解
Mar 20 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
Node对CommonJS的模块规范
Nov 06 Javascript
解决vue cli4升级sass-loader(v8)后报错问题
Jul 30 Javascript
分享15个Webpack实用的插件!!!
Mar 31 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-fpm的两种进程管理模式详解
2013/06/03 PHP
PHP autoload与spl_autoload自动加载机制的深入理解
2013/06/05 PHP
php根据用户名和手机号查询是否存在手机号码
2017/02/16 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
PHP设计模式之状态模式定义与用法详解
2018/04/02 PHP
javascript ie6兼容position:fixed实现思路
2013/04/01 Javascript
JS 页面计时器示例代码
2013/10/28 Javascript
javascript无刷新评论实现方法
2015/05/13 Javascript
jquery判断密码强度的验证代码
2020/04/22 Javascript
基于jQuery实现表格内容的筛选功能
2016/08/21 Javascript
node.js中module.exports与exports用法上的区别
2016/09/02 Javascript
javascript滚轮事件基础实例讲解(37)
2017/02/14 Javascript
tab栏切换原理
2017/03/22 Javascript
ES6学习教程之对象的扩展详解
2017/05/02 Javascript
vue购物车插件编写代码
2017/11/27 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
解决vue自定义指令导致的内存泄漏问题
2020/08/04 Javascript
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python 测试实现方法
2008/12/24 Python
Python使用Matplotlib实现Logos设计代码
2017/12/25 Python
Python编程实现从字典中提取子集的方法分析
2018/02/09 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
python字典一键多值实例代码分享
2019/06/14 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
python多线程实现同时执行两个while循环的操作
2020/05/02 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
HTML5安全介绍之内容安全策略(CSP)简介
2012/07/10 HTML / CSS
台湾三立电视电商平台:电电购
2019/09/09 全球购物
金融管理专业毕业生求职信
2014/03/12 职场文书
聚美优品的广告词
2014/03/14 职场文书
搞笑的获奖感言
2014/08/16 职场文书
2014年技术工作总结范文
2014/11/20 职场文书
2016春节慰问信范文
2015/03/25 职场文书
今日说法观后感
2015/06/08 职场文书