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 相关文章推荐
JS未跨域操作iframe里的DOM
Jun 01 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
angular和BootStrap3实现购物车功能
Jan 25 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
Angular模板表单校验方法详解
Aug 11 Javascript
jQuery结合jQuery.cookie.js插件实现换肤功能示例
Oct 14 jQuery
详解JS模块导入导出
Dec 20 Javascript
使用vue-cli(vue脚手架)快速搭建项目的方法
May 21 Javascript
vue v-model动态生成详解
Jun 30 Javascript
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
vue中格式化时间过滤器代码实例
Apr 17 Javascript
详解javascript void(0)
Jul 13 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
深入Nginx + PHP 缓存详解
2013/07/11 PHP
ThinkPHP使用心得分享-分页类Page的用法
2014/05/15 PHP
微信公众平台开发之天气预报功能
2015/08/31 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
function, new function, new Function之间的区别
2007/03/08 Javascript
Aptana调试javascript图解教程
2009/11/30 Javascript
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
js中判断文本框是否为空的两种方法
2011/07/31 Javascript
一个级联菜单代码学习及removeClass与addClass的应用
2013/01/24 Javascript
jQuery事件绑定和委托实例
2014/11/25 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
浅谈Nodejs中的作用域问题
2016/12/26 NodeJs
JS回调函数基本定义与用法实例分析
2017/05/24 Javascript
vue开发环境配置跨域的方法步骤
2019/01/16 Javascript
jquery.pager.js实现分页效果
2019/07/29 jQuery
你不可不知的Vue.js列表渲染详解
2019/10/01 Javascript
Vue学习笔记之计算属性与侦听器用法
2019/12/07 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
[05:20]卡尔工作室_DOTA2新手教学_DOTA2超强新手功能
2013/04/22 DOTA
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
Python爬取读者并制作成PDF
2015/03/10 Python
Python配置文件解析模块ConfigParser使用实例
2015/04/13 Python
Python查询阿里巴巴关键字排名的方法
2015/07/08 Python
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
python实现SOM算法
2018/02/23 Python
python针对不定分隔符切割提取字符串的方法
2018/10/26 Python
在Python中分别打印列表中的每一个元素方法
2018/11/07 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
python Opencv计算图像相似度过程解析
2019/12/03 Python
详解基于Scrapy的IP代理池搭建
2020/09/29 Python
斯巴达比赛商店:Spartan Race
2019/01/08 全球购物
社区学习十八大感想
2014/01/22 职场文书
企业党建工作汇报材料
2014/08/19 职场文书
校运动会广播稿(100篇)
2014/09/12 职场文书
浅谈移动端中的视口(viewport)的具体使用
2021/04/13 HTML / CSS