首先是HTML代碼，非常簡單，列出我們需要渲染的文字ltdiv class=quotfooquot ltspan class=quotletterquot dataletter=quotAquotAltspan ltspan class=quotletterquot dataletter=quotBquotBltspan ltspan class=quotletterquot dataletter=quotCquotCltspan ltspan class=quotletterquot dataletter=quotDquotDltspan lt。

效果如下圖當鼠標懸停在小圖片上面的時候，會顯示大圖片鼠標移出，隱藏大圖片問題定位需要讀者自己去實現(xiàn)一下吧，偷懶了感謝樓上分享！lt！doctype htmllthtmlltheadltmeta charset=utf8ltheadltbody你要顯示特效的html ltimg src=quot小圖片jpgquot width=quot200pxquot height=quot200pxquot id=。

在HTML文件中添加網(wǎng)頁特效代碼，一般有三種情況第一，只加在HTML文件頭部，即HTML文件中l(wèi)theadlthead之間的代碼這類代碼只需要加在這個部分，即可達到預期的效果第二，只加在HTML文件體部即HTML文件中l(wèi)tbodyltbody之間的代碼這類代碼只需要加在這個部分，即可達到預期的效果如。

charset quotutf8quot*科e互聯(lián)特效基本框架CSS* body， ul， dl， dd， dt， ol， li， p， h1， h2， h3， h4， h5， h6， textarea， form， select， fieldset， table， td， div， input margin0padding0webkittextsizeadjust h1， h2， h3， h4， h5， h6fontsize12px。

建立一個html文件，復制下面的內(nèi)容，打開就可以看到效果了 lthtml lthead ltmeta。

粒子風暴代碼lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle粒子漩渦特效lttitle ltstyle html，body margin0pxwidth100%height100%overflowhiddenbackground#000 canvas positionabsolutewidth100%height100% ltstyle lthead ltbody ltcanvas。

一基本線條二特效效果并不是孤立的，可相互組合1兩頭漸變透明ltHR style=FILTER alphaopacity=100，finishopacity=0，style=3 width=80% color=#987cb9 SIZE=32紡錘形ltHR style=FILTER alphaopacity=100，finishopacity=0，style=2 width=80% color=#987cb9 SIZE=103右邊。

templayerinnerHTML=quotquotwhiletemplayeroffsetHeightltmarqueesHeight templayerinnerHTML+=marqueesinnerHTML marqueesinnerHTML=templayerinnerHTML+templayerinnerHTMLsetIntervalquotscrollupquot，30 =initfunction scrollup ifstopscroll==true returnpreTop=。