淘寶不用CSS實(shí)現(xiàn)效果,可能有些人覺(jué)得不可思議。但事實(shí)上,使用CSS之外的技術(shù),也可以達(dá)到類似的效果。
$(document).ready(function() { $('.btn').click(function() { $('#box').fadeToggle(300); }); });
代碼中,使用了jQuery,通過(guò)給按鈕添加點(diǎn)擊事件,以及調(diào)用.fadeToggle()方法,實(shí)現(xiàn)了點(diǎn)擊按鈕時(shí)淡入淡出顯示或隱藏一個(gè)元素的效果。
除此之外,JavaScript也可以實(shí)現(xiàn)一些常用的效果,比如動(dòng)態(tài)改變?cè)氐膇nnerHTML、style屬性等。
document.getElementById('box').innerHTML = '新的內(nèi)容'; document.getElementById('box').style.background = 'red';
通過(guò)這些方法,我們可以在不使用CSS的情況下,實(shí)現(xiàn)一些簡(jiǎn)單的交互和樣式變化效果。當(dāng)然,這些方法僅僅是CSS的替代品,真正的前端開發(fā)仍然需要掌握CSS技能。