快捷導(dǎo)航

jQuery實(shí)現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法

更新時(shí)間：2015年06月26日 12:15:25 作者：不吃皮蛋

這篇文章主要介紹了jQuery實(shí)現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法,涉及jQuery針對(duì)頁面元素與樣式的操作技巧,需要的朋友可以參考下

本文實(shí)例講述了jQuery實(shí)現(xiàn)網(wǎng)站添加高亮突出顯示效果的方法。分享給大家供大家參考。具體如下：

這段jquery代碼演示了如何把整個(gè)頁面遮罩起來，突出顯示某些東西

$(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
   });
});

希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery動(dòng)態(tài)追加頁面數(shù)據(jù)以及事件委托詳解
這篇文章主要為大家詳細(xì)介紹了jQuery動(dòng)態(tài)追加頁面數(shù)據(jù)以及事件委托的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證
這篇文章主要介紹了jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證，自定義一個(gè)驗(yàn)證方法，感興趣的小伙伴們可以參考一下
2016-01-01
如何使用jquery實(shí)現(xiàn)文字上下滾動(dòng)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)文字上下滾動(dòng)效果。文字上下滾動(dòng)循環(huán)顯示也是一種非常常見而且非常容易實(shí)現(xiàn)的文字特效。這是一種現(xiàn)在比較流行用的效果,用法很簡(jiǎn)單。
2016-10-10
jQuery解析json格式數(shù)據(jù)簡(jiǎn)單實(shí)例
這篇文章主要介紹了jQuery解析json格式數(shù)據(jù)的方法,結(jié)合實(shí)例分析了使用jQuery1.7.2版本的方法解析json格式數(shù)據(jù)的技巧,需要的朋友可以參考下
2016-01-01
jQuery查看選中對(duì)象HTML代碼的方法
這篇文章主要介紹了jQuery查看選中對(duì)象HTML代碼的方法,涉及jQuery頁面元素操作的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
jQuery實(shí)現(xiàn)底部浮動(dòng)窗口效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)底部浮動(dòng)窗口效果,涉及jQuery事件響應(yīng)及頁面元素動(dòng)態(tài)變換的相關(guān)操作技巧,需要的朋友可以參考下
2016-09-09
基于jQuery的判斷iPad、iPhone、Android是橫屏還是豎屏的代碼
在ipad、iphone網(wǎng)頁開發(fā)中，我們很可能需要判斷是橫屏或者豎屏。下面就來介紹如何用 jQuery 判斷iPad、iPhone、Android是橫屏還是豎屏的方法
2014-05-05
jquery中animate動(dòng)畫積累的解決方法
setTimeout使用時(shí)會(huì)產(chǎn)生動(dòng)畫隊(duì)列，有可能是在chrome瀏覽器中窗口不處于最前端時(shí)動(dòng)畫的隊(duì)列產(chǎn)生積累，下面為大家介紹下詳細(xì)的解決方法
2013-10-10
jQuery的bind()方法使用詳解
bind()定義和用法：bind() 方法向被選元素添加一個(gè)或多個(gè)事件處理程序，以及當(dāng)事件發(fā)生時(shí)運(yùn)行的函數(shù)。
2015-07-07
jquery命令匯總,方便使用jquery的朋友
jquery命令匯總,方便使用jquery的朋友，需要的朋友可以收藏下
2012-06-06