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 构建一个xmlhttp对象池合理创建和使用xmlhttp对象
Jan 15 Javascript
跨浏览器的事件对象介绍
Jun 27 Javascript
Js 导出table内容到Excel的简单实例
Nov 19 Javascript
js实现连个数字相加而不是拼接的方法
Feb 23 Javascript
元素绑定click点击事件方法
Jun 08 Javascript
jQuery为动态生成的select元素添加事件的方法
Aug 29 Javascript
JavaScript正则表达式实例详解
Oct 16 Javascript
浅析JavaScript动画模拟拖拽原理
Dec 09 Javascript
解决vue router使用 history 模式刷新后404问题
Jul 19 Javascript
JavaScript代码实现txt文件的上传预览功能
Mar 27 Javascript
npm的lock机制解析
Jun 20 Javascript
Javascript异步流程控制之串行执行详解
Sep 27 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实现Socket服务器的代码
2008/04/03 PHP
Thinkphp中的volist标签用法简介
2014/06/18 PHP
php抽象类用法实例分析
2015/07/07 PHP
PHP+MySQL统计该库中每个表的记录数并按递减顺序排列的方法
2016/02/15 PHP
在Mac OS上编译安装Nginx+PHP+MariaDB开发环境的教程
2016/02/23 PHP
PHP中array_keys和array_unique函数源码的分析
2016/02/26 PHP
php实现页面纯静态的实例代码
2017/06/21 PHP
jQuery仿Flash上下翻动的中英文导航菜单实例
2015/03/10 Javascript
用JavaScript实现页面重定向功能的教程
2015/06/04 Javascript
对于jQuery性能的一些优化建议
2015/08/13 Javascript
js记录点击某个按钮的次数-刷新次数为初始状态的实例
2017/02/15 Javascript
Angular 输入框实现自定义验证功能
2017/02/19 Javascript
shiro授权的实现原理
2017/09/21 Javascript
Angular实现的简单查询天气预报功能示例
2017/12/27 Javascript
javascript数组拍平方法总结
2018/01/20 Javascript
vue在手机中通过本机IP地址访问webApp的方法
2018/08/15 Javascript
vue使用vuex实现首页导航切换不同路由的方法
2019/05/08 Javascript
如何在JavaScript中谨慎使用代码注释
2019/06/21 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
2019/06/26 Javascript
小程序中this.setData的使用和注意事项
2019/08/28 Javascript
vue调用微信JSDK 扫一扫,相册等需要注意的事项
2021/01/03 Vue.js
Python 学习笔记
2008/12/27 Python
17个Python小技巧分享
2015/01/23 Python
Python实现从订阅源下载图片的方法
2015/03/11 Python
Python3 使用cookiejar管理cookie的方法
2018/12/28 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
使用python 计算百分位数实现数据分箱代码
2020/03/03 Python
美国著名珠宝品牌之一:Jared The Galleria Of Jewelry
2016/10/01 全球购物
印度在线购买电子产品网站:Croma
2020/01/02 全球购物
亚洲最大的运动鞋寄售店:KicksCrew
2020/11/26 全球购物
建筑工程技术应届生求职信
2013/11/17 职场文书
建筑项目策划书
2014/01/13 职场文书
初中高效课堂实施方案
2014/02/26 职场文书
中秋节主持词
2014/04/02 职场文书
追悼会答谢词范文
2015/09/29 职场文书
PHP中->和=>的意思
2021/03/31 PHP