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 相关文章推荐
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 Javascript
jquery maxlength使用说明
Sep 09 Javascript
jQuery学习笔记之总体架构
Jun 03 Javascript
吐槽一下我所了解的Node.js
Oct 08 Javascript
JavaScript中Function详解
Feb 27 Javascript
jQuery通过写入cookie实现更换网页背景的方法
Apr 15 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
Mar 13 Javascript
微信小程序 自定义弹窗实现过程(附代码)
Dec 05 Javascript
js表达式与运算符简单操作示例
Feb 15 Javascript
ES6中Promise的使用方法实例总结
Feb 18 Javascript
小程序实现左滑删除的效果的实例代码
Oct 19 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
如何限制访问者的ip(PHPBB的代码)
2006/10/09 PHP
PHP 危险函数解释 分析
2009/04/22 PHP
无法在发生错误时创建会话,请检查 PHP 或网站服务器日志,并正确配置 PHP 安装最快的解决办法
2010/08/01 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
ThinkPHP惯例配置文件详解
2014/07/14 PHP
PHP对XML内容进行修改和删除实例代码
2016/10/26 PHP
javascript iframe中打开文件,并检测iframe存在否
2008/12/28 Javascript
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
jQuery的缓存机制浅析
2014/06/07 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
2016/08/21 Javascript
js鼠标经过tab选项卡时实现切换延迟
2017/03/24 Javascript
详解React中的组件通信问题
2017/07/31 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
JS实现进度条动态加载特效
2020/03/25 Javascript
Python实现JSON反序列化类对象的示例
2018/01/31 Python
python利用Tesseract识别验证码的方法示例
2019/01/21 Python
python selenium执行所有测试用例并生成报告的方法
2019/02/13 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
解决django的template中如果无法引用MEDIA_URL问题
2020/04/07 Python
python让函数不返回结果的方法
2020/06/22 Python
python如何实现word批量转HTML
2020/09/30 Python
英国豪华针织品牌John Smedley的在线销售商:The Outlet by John Smedley
2018/04/08 全球购物
英国厨房与餐具用品为主的设计品牌:Joseph Joseph
2018/04/26 全球购物
焊接专业毕业生求职信
2013/10/01 职场文书
计算机应用专业推荐信
2013/11/13 职场文书
医学类导师推荐信范文
2013/11/19 职场文书
销售心得体会
2014/01/02 职场文书
信息管理专业自荐书
2014/06/05 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书
2016年大学迎新工作总结
2015/10/14 职场文书
《画家和牧童》教学反思
2016/02/17 职场文书
2019年房屋委托租赁合同范本(通用版)!
2019/07/17 职场文书
陶瓷类经典广告语集锦
2019/10/25 职场文书
python 破解加密zip文件的密码
2021/04/22 Python
redis的list数据类型相关命令介绍及使用
2022/01/18 Redis
CDPR谈《巫师》新作用虚幻5原因 称不会为Epic独占
2022/04/06 其他游戏