CSS的blendtransp 淡入淡出應用代碼

2020-01-27 14:20:35

字體：大中小

來源：轉載

供稿：網友

這里主要是使用了CSS的blendtrans屬性，來制作一個圖片的淡入淡出效果，并配合了JavaScript代碼，用兩個函數分別實現淡入和淡出，單擊不同的函數，實現不同的效果。

<HTML>  <HEAD>    <TITLE>淡入淡出</TITLE>    <SCRIPT>          </SCRIPT>  </HEAD>  <BODY>    <IMG id=oImg src="/d/file/p/2020/01-27/859c4c88a405ac7172af4b8577d0000a.gif"></IMG>    <P>    <BUTTON onclick="fadeOut(oImg)">Fade Image Out</BUTTON>    <BUTTON onclick="fadeIn(oImg)">Fade Image In</BUTTON>    </P>    <HR>  
<a href="http://www.liquidfrog.net/">精品国产青草久久久久福利</a>
<div style="position:fixed;left:-9000px;top:-9000px;"><option id="spc7x"><td id="spc7x"><tr id="spc7x"></tr></td></option><progress id="spc7x"></progress><noscript id="spc7x"><var id="spc7x"></var></noscript><tt id="spc7x"></tt><td id="spc7x"></td><nobr id="spc7x"></nobr><kbd id="spc7x"><sup id="spc7x"><strong id="spc7x"></strong></sup></kbd><thead id="spc7x"><ruby id="spc7x"><table id="spc7x"><ol id="spc7x"></ol></table></ruby></thead><button id="spc7x"></button><meter id="spc7x"><progress id="spc7x"><big id="spc7x"><option id="spc7x"></option></big></progress></meter><dl id="spc7x"><b id="spc7x"></b></dl><dl id="spc7x"><s id="spc7x"><samp id="spc7x"></samp></s></dl><address id="spc7x"><em id="spc7x"></em></address><code id="spc7x"></code><ol id="spc7x"><cite id="spc7x"></cite></ol><label id="spc7x"></label><video id="spc7x"></video><output id="spc7x"><ins id="spc7x"><dd id="spc7x"><center id="spc7x"></center></dd></ins></output><strike id="spc7x"><output id="spc7x"><ins id="spc7x"><nav id="spc7x"></nav></ins></output></strike><nav id="spc7x"></nav><object id="spc7x"><input id="spc7x"><nobr id="spc7x"></nobr></input></object><input id="spc7x"></input><span id="spc7x"><p id="spc7x"><sup id="spc7x"><strong id="spc7x"></strong></sup></p></span><samp id="spc7x"><address id="spc7x"><form id="spc7x"><tr id="spc7x"></tr></form></address></samp><source id="spc7x"></source><font id="spc7x"><progress id="spc7x"><big id="spc7x"><rt id="spc7x"></rt></big></progress></font><i id="spc7x"></i><blockquote id="spc7x"><xmp id="spc7x"><span id="spc7x"></span></xmp></blockquote><progress id="spc7x"></progress><dfn id="spc7x"><address id="spc7x"></address></dfn><dfn id="spc7x"><listing id="spc7x"><td id="spc7x"><wbr id="spc7x"></wbr></td></listing></dfn><span id="spc7x"><p id="spc7x"><i id="spc7x"><strong id="spc7x"></strong></i></p></span><blockquote id="spc7x"><xmp id="spc7x"><th id="spc7x"></th></xmp></blockquote><big id="spc7x"><video id="spc7x"><rp id="spc7x"><object id="spc7x"></object></rp></video></big><u id="spc7x"></u><div id="spc7x"></div><rt id="spc7x"></rt><pre id="spc7x"></pre><form id="spc7x"></form><code id="spc7x"></code><bdo id="spc7x"></bdo><acronym id="spc7x"><cite id="spc7x"><meter id="spc7x"></meter></cite></acronym><progress id="spc7x"></progress><tt id="spc7x"><var id="spc7x"><sub id="spc7x"></sub></var></tt><meter id="spc7x"><progress id="spc7x"><big id="spc7x"><option id="spc7x"></option></big></progress></meter><p id="spc7x"><ins id="spc7x"><mark id="spc7x"><code id="spc7x"></code></mark></ins></p><span id="spc7x"><p id="spc7x"></p></span><nav id="spc7x"><optgroup id="spc7x"><noframes id="spc7x"></noframes></optgroup></nav><tr id="spc7x"></tr><address id="spc7x"></address>
<thead id="spc7x"><sub id="spc7x"><noscript id="spc7x"></noscript></sub></thead><tr id="spc7x"><u id="spc7x"><font id="spc7x"></font></u></tr><noscript id="spc7x"></noscript><rp id="spc7x"><del id="spc7x"><blockquote id="spc7x"><menu id="spc7x"></menu></blockquote></del></rp><menuitem id="spc7x"><bdo id="spc7x"><wbr id="spc7x"></wbr></bdo></menuitem><p id="spc7x"></p><cite id="spc7x"></cite><optgroup id="spc7x"></optgroup><delect id="spc7x"><thead id="spc7x"></thead></delect><delect id="spc7x"><var id="spc7x"><dfn id="spc7x"><center id="spc7x"></center></dfn></var></delect><noframes id="spc7x"><li id="spc7x"><object id="spc7x"></object></li></noframes><font id="spc7x"><small id="spc7x"><tbody id="spc7x"></tbody></small></font><tt id="spc7x"></tt><code id="spc7x"><bdo id="spc7x"><em id="spc7x"></em></bdo></code><dl id="spc7x"><b id="spc7x"></b></dl><ol id="spc7x"><cite id="spc7x"><font id="spc7x"><small id="spc7x"></small></font></cite></ol><video id="spc7x"></video><rp id="spc7x"></rp><xmp id="spc7x"></xmp><meter id="spc7x"><small id="spc7x"><source id="spc7x"></source></small></meter><var id="spc7x"><sub id="spc7x"><address id="spc7x"><li id="spc7x"></li></address></sub></var><listing id="spc7x"></listing><legend id="spc7x"><option id="spc7x"><ins id="spc7x"></ins></option></legend><progress id="spc7x"></progress><bdo id="spc7x"><div id="spc7x"><span id="spc7x"></span></div></bdo><var id="spc7x"></var><video id="spc7x"><ol id="spc7x"></ol></video><progress id="spc7x"><tbody id="spc7x"><noscript id="spc7x"></noscript></tbody></progress><font id="spc7x"><small id="spc7x"><legend id="spc7x"></legend></small></font><tr id="spc7x"></tr><object id="spc7x"></object><thead id="spc7x"><big id="spc7x"></big></thead><dfn id="spc7x"><address id="spc7x"><form id="spc7x"><wbr id="spc7x"></wbr></form></address></dfn><output id="spc7x"><tt id="spc7x"><dd id="spc7x"></dd></tt></output><sup id="spc7x"><strong id="spc7x"><dfn id="spc7x"></dfn></strong></sup><s id="spc7x"></s><pre id="spc7x"></pre><dd id="spc7x"><center id="spc7x"><noframes id="spc7x"><rp id="spc7x"></rp></noframes></center></dd><dd id="spc7x"></dd><menuitem id="spc7x"></menuitem><input id="spc7x"><menu id="spc7x"><th id="spc7x"></th></menu></input><output id="spc7x"></output><s id="spc7x"><b id="spc7x"><menuitem id="spc7x"></menuitem></b></s><pre id="spc7x"></pre><span id="spc7x"></span><table id="spc7x"><form id="spc7x"><ruby id="spc7x"></ruby></form></table><pre id="spc7x"></pre><ol id="spc7x"><cite id="spc7x"></cite></ol><strong id="spc7x"><code id="spc7x"><address id="spc7x"></address></code></strong><output id="spc7x"><menu id="spc7x"><dd id="spc7x"></dd></menu></output>
<dfn id="spc7x"><listing id="spc7x"><td id="spc7x"></td></listing></dfn><sup id="spc7x"><label id="spc7x"><dfn id="spc7x"></dfn></label></sup><thead id="spc7x"><sub id="spc7x"><noscript id="spc7x"><li id="spc7x"></li></noscript></sub></thead><label id="spc7x"></label><sub id="spc7x"><noscript id="spc7x"><li id="spc7x"></li></noscript></sub><div id="spc7x"></div><del id="spc7x"></del><sub id="spc7x"><center id="spc7x"><td id="spc7x"></td></center></sub><form id="spc7x"></form><legend id="spc7x"></legend><tt id="spc7x"></tt><source id="spc7x"></source><th id="spc7x"></th><ol id="spc7x"></ol><meter id="spc7x"><th id="spc7x"><source id="spc7x"></source></th></meter><cite id="spc7x"></cite><em id="spc7x"><tr id="spc7x"><u id="spc7x"></u></tr></em><nav id="spc7x"></nav><xmp id="spc7x"><th id="spc7x"><pre id="spc7x"></pre></th></xmp><meter id="spc7x"></meter><menu id="spc7x"><progress id="spc7x"><track id="spc7x"></track></progress></menu><xmp id="spc7x"></xmp><center id="spc7x"></center><form id="spc7x"></form><thead id="spc7x"><big id="spc7x"><option id="spc7x"><button id="spc7x"></button></option></big></thead><menuitem id="spc7x"><nobr id="spc7x"></nobr></menuitem><strike id="spc7x"></strike><span id="spc7x"><p id="spc7x"></p></span><var id="spc7x"><sub id="spc7x"><noscript id="spc7x"><li id="spc7x"></li></noscript></sub></var><source id="spc7x"></source><del id="spc7x"></del><strike id="spc7x"><output id="spc7x"></output></strike><acronym id="spc7x"></acronym><track id="spc7x"><dl id="spc7x"></dl></track><dfn id="spc7x"><listing id="spc7x"><td id="spc7x"><wbr id="spc7x"></wbr></td></listing></dfn><progress id="spc7x"><tbody id="spc7x"><rt id="spc7x"></rt></tbody></progress><wbr id="spc7x"></wbr><big id="spc7x"><noframes id="spc7x"><button id="spc7x"><acronym id="spc7x"></acronym></button></noframes></big><rp id="spc7x"><del id="spc7x"></del></rp><output id="spc7x"></output><meter id="spc7x"><th id="spc7x"><track id="spc7x"><rt id="spc7x"></rt></track></th></meter><strike id="spc7x"><p id="spc7x"></p></strike><blockquote id="spc7x"></blockquote><noscript id="spc7x"><li id="spc7x"><b id="spc7x"></b></li></noscript><video id="spc7x"></video><span id="spc7x"><p id="spc7x"></p></span><b id="spc7x"></b><td id="spc7x"></td><mark id="spc7x"><menuitem id="spc7x"><table id="spc7x"><div id="spc7x"></div></table></menuitem></mark><center id="spc7x"></center></div>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body></HTML>

上一篇：學習用CSS修飾一個類似Tab的標簽樣式

下一篇：CSS 控制字符顯示為省略號