js添加水印（文字+圖片水印效果）

     /**
         * 文字加圖片水印效果
         * id 要加水印的區(qū)域
         * watermarkImg 水印為圖片的圖片url
         * watermarkText 水印文字
         */
        
        function watermarkWord(id饲常，watermarkImg , watermarkText) {
            var screenHeight = window.screen.height
            var watermarkImg = watermarkImg ;
            var watermarkText =  watermarkText;
            
            if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.match(/9./i) == "9.") {
                var step = 180 / 480 * screenHeight;
                for (var i = 0; i <= parseInt($("body").height() / step); i++) {
                    $('body').append('<div style="z-index:-999;width:100%;text-align:center;opacity:0.2;color:#000;position:absolute;top:' + step * (i) + 'px;font-size:2em;transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-tranform:rotate(-30deg); -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10));">' + watermarkText + '<br /><img style="width:8em;" src="' + watermarkImg + '" /></div>');
                }
            } else {
                var step = 180 / 480 * screenHeight;
                for (var i = 0; i <= parseInt($("body").height() / step); i++) {
                    $('body').append('<div style="z-index:-999;width:100%;text-align:center;opacity:0.5;color:#000;position:absolute;top:' + step * (i) + 'px;font-size:2em;transform:rotate(-30deg); -ms-transform:rotate(-30deg); -o-tranform:rotate(-30deg); -webkit-transform:rotate(-30deg); -moz-transform:rotate(-30deg);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10) progid:DXImageTransform.Microsoft.Matrix(sizingMethod=\'auto expand\', M11=0.866025404, M12=0.5, M21=-0.5, M22=0.866025404);">' + watermarkText + '<br /><img  style="width:8em;" src="' + watermarkImg + '" /></div>');
                }
            }
        }

最后編輯于：2018.01.09 12:36:31

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者

人面猴
序言：七十年代末，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌文留，老刑警劉巖，帶你破解...
沈念sama閱讀 222,252評論 6贊 516
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件竭沫，死亡現(xiàn)場離奇詭異燥翅，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)蜕提，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 94,886評論 3贊 399
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門森书，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人谎势，你說我怎么就攤上這事凛膏。” “怎么了它浅？”我有些...
開封第一講書人閱讀 168,814評論 0贊 361
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵译柏，是天一觀的道長镣煮。經(jīng)常有香客問我姐霍，道長，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 59,869評論 1贊 299
?港島之戀（遺憾婚禮）
正文為了忘掉前任镊折，我火速辦了婚禮胯府，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘恨胚。我一直安慰自己骂因，他們只是感情好，可當(dāng)我...
茶點故事閱讀 68,888評論 6贊 398
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布赃泡。她就那樣靜靜地躺著寒波，像睡著了一般。火紅的嫁衣襯著肌膚如雪升熊。梳的紋絲不亂的頭發(fā)上俄烁，一...
開封第一講書人閱讀 52,475評論 1贊 312
城市分裂傳說
那天，我揣著相機(jī)與錄音级野，去河邊找鬼页屠。笑死，一個胖子當(dāng)著我的面吹牛蓖柔，可吹牛的內(nèi)容都是我干的辰企。我是一名探鬼主播，決...
沈念sama閱讀 41,010評論 3贊 422
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼况鸣，長吁一口氣：“原來是場噩夢啊……” “哼牢贸！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起镐捧，我...
開封第一講書人閱讀 39,924評論 0贊 277
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤十减，失蹤者是張志新（化名）和其女友劉穎，沒想到半個月后愤估，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體帮辟，經(jīng)...
沈念sama閱讀 46,469評論 1贊 319
?護(hù)林員之死
正文獨居荒郊野嶺守林人離奇死亡，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點故事閱讀 38,552評論 3贊 342
?白月光啟示錄
正文我和宋清朗相戀三年玩焰，在試婚紗的時候發(fā)現(xiàn)自己被綠了由驹。大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
茶點故事閱讀 40,680評論 1贊 353
活死人
序言：一個原本活蹦亂跳的男人離奇死亡昔园，死狀恐怖蔓榄，靈堂內(nèi)的尸體忽然破棺而出，到底是詐尸還是另有隱情默刚，我是刑警寧澤甥郑，帶...
沈念sama閱讀 36,362評論 5贊 351
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布，位于F島的核電站荤西，受9級特大地震影響澜搅，放射性物質(zhì)發(fā)生泄漏伍俘。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點故事閱讀 42,037評論 3贊 335
男人毒藥：我在死后第九天來索命
文/蒙蒙一勉躺、第九天我趴在偏房一處隱蔽的房頂上張望癌瘾。院中可真熱鬧，春花似錦饵溅、人聲如沸妨退。這莊子的主人今日做“春日...
開封第一講書人閱讀 32,519評論 0贊 25
一樁弒父案蜕企，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽咬荷。三九已至，卻和暖如春轻掩，著一層夾襖步出監(jiān)牢的瞬間萍丐，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 33,621評論 1贊 274
情欲美人皮
我被黑心中介騙來泰國打工放典，沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留逝变，地道東北人。一個月前我還...
沈念sama閱讀 49,099評論 3贊 378
代替公主和親
正文我出身青樓奋构，卻偏偏與公主長得像壳影，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子弥臼，可洞房花燭夜當(dāng)晚...
茶點故事閱讀 45,691評論 2贊 361

js添加水印（文字+圖片水印效果）

推薦閱讀更多精彩內(nèi)容