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 火狐(firefox)不显示本地图片问题解决
Jul 05 Javascript
传递参数的标准方法(jQuery.ajax)
Nov 19 Javascript
JQuery打造PHP的AJAX表单提交实例
Nov 03 Javascript
jquery ready函数源代码研究
Dec 06 Javascript
jquery模拟alert的弹窗插件
Jul 31 Javascript
javascript实现checkbox复选框实例代码
Jan 10 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
如何选择适合你的JavaScript框架
Nov 20 Javascript
Vue项目环境搭建详细总结
Sep 26 Javascript
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 Javascript
详解微信小程序轨迹回放实现及遇到的坑
Feb 02 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中输出转义JavaScript代码的实现代码
2011/04/22 PHP
PHP连接SQLServer2005的实现方法(附ntwdblib.dll下载)
2012/07/02 PHP
PHP简单实现HTTP和HTTPS跨域共享session解决办法
2015/05/27 PHP
PHP生成唯一订单号
2015/07/05 PHP
Yii CFileCache 获取不到值的原因分析
2017/02/08 PHP
js下用gb2312编码解码实现方法
2009/12/31 Javascript
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
js中unicode转码方法详解
2015/10/09 Javascript
Javascript中this绑定的3种方法与比较
2016/10/13 Javascript
JS多物体实现缓冲运动效果示例
2016/12/20 Javascript
深入探究node之Transform
2017/07/20 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
webpack项目轻松混用css module的方法
2018/06/12 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
JavaScript实现打砖块游戏
2020/02/25 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
[31:33]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第一场
2014/05/23 DOTA
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
[01:55]TI9显影之尘系列 - Evil Geniuses
2019/08/22 DOTA
python字符串连接的N种方式总结
2014/09/17 Python
详解Python中的条件判断语句
2015/05/14 Python
利用Python画ROC曲线和AUC值计算
2016/09/19 Python
解决Python requests库编码 socks5代理的问题
2018/05/07 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
python实现坦克大战游戏 附详细注释
2020/03/27 Python
浅谈PyTorch的可重复性问题(如何使实验结果可复现)
2020/02/20 Python
python中如何写类
2020/06/29 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
Tomcat的缺省是多少,怎么修改
2014/04/09 面试题
大学生标准推荐信范文
2013/11/25 职场文书
2014年教师党员自我评价范文
2014/09/22 职场文书
先进个人事迹材料
2014/12/29 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书