首先是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。

效果如下图当鼠标悬停在小图片上面的时候，会显示大图片鼠标移出，隐藏大图片问题定位需要读者自己去实现一下吧，偷懒了感谢楼上分享！lt！doctype htmllthtmlltheadltmeta charset=utf8ltheadltbody你要显示特效的html ltimg src=quot小图片jpgquot width=quot200pxquot height=quot200pxquot id=。

在HTML文件中添加网页特效代码，一般有三种情况第一，只加在HTML文件头部，即HTML文件中ltheadlthead之间的代码这类代码只需要加在这个部分，即可达到预期的效果第二，只加在HTML文件体部即HTML文件中ltbodyltbody之间的代码这类代码只需要加在这个部分，即可达到预期的效果如。

charset quotutf8quot*科e互联特效基本框架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文件，复制下面的内容，打开就可以看到效果了 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=。