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 剧场版 你必须知道的javascript
May 27 Javascript
IE不支持getElementsByClassName最终完美解决方案
Dec 17 Javascript
主页面中的两个iframe实现鼠标拖动改变其大小
Apr 16 Javascript
jQuery判断密码强度实现思路及代码
Apr 24 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
Jan 19 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
Aug 24 Javascript
分析js闭包引起的事件注册问题
Mar 29 Javascript
javascript 闭包详解及简单实例应用
Dec 31 Javascript
jQuery EasyUI 组件加上“清除”功能实例详解
Apr 11 jQuery
vue-cli脚手架搭建的项目去除eslint验证的方法
Sep 29 Javascript
JS pushlet XMLAdapter适配器用法案例解析
Oct 16 Javascript
详解Js模块化的作用原理和方案
Apr 29 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
《逃离塔科夫》——“萌新劝退,老手自嗨”的硬核FPS游戏
2020/04/03 其他游戏
使用PHP遍历文件目录与清除目录中文件的实现详解
2013/06/24 PHP
php实现水仙花数示例分享
2014/04/03 PHP
PHP使用递归生成文章树
2015/04/21 PHP
微信开发之网页授权获取用户信息(二)
2016/01/08 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
nodejs实用示例 缩址还原
2010/12/28 NodeJs
基于jquery实现漂亮的动态信息提示效果
2011/08/02 Javascript
js日期、星座的级联显示代码
2014/01/23 Javascript
vue select二级联动第二级默认选中第一个option值的实例
2018/01/10 Javascript
Vue 菜单栏点击切换单个class(高亮)的方法
2018/08/22 Javascript
vue项目中使用vue-layer弹框插件的方法
2020/03/11 Javascript
使用python实现生成用户信息
2017/03/20 Python
利用Python将文本中的中英文分离方法
2018/10/31 Python
对python中dict和json的区别详解
2018/12/18 Python
解决pycharm回车之后不能换行或不能缩进的问题
2019/01/16 Python
python实现批量视频分帧、保存视频帧
2019/05/31 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
Python函数的返回值、匿名函数lambda、filter函数、map函数、reduce函数用法实例分析
2019/12/26 Python
Python读取多列数据以及用matplotlib制作图表方法实例
2020/09/23 Python
Python字符串对齐、删除字符串不需要的内容以及格式化打印字符
2021/01/23 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
绿色美容,有机护肤品和化妆品:Safe & Chic
2018/10/29 全球购物
俄罗斯有趣和原创礼物网上商店:MagicMag
2019/08/01 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
美国专业消费电子及摄影器材网站:B&H Photo Video
2019/12/18 全球购物
SQL数据库笔试题
2016/03/08 面试题
工业学校毕业生自荐书
2014/01/03 职场文书
幼儿园开学寄语
2014/04/03 职场文书
签约仪式策划方案
2014/06/02 职场文书
五四青年节的活动方案
2014/08/20 职场文书
工作失职检讨书500字
2014/10/17 职场文书
教师见习报告范文
2014/11/03 职场文书
2016先进工作者事迹材料
2016/02/25 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers