基于Jquery实现万圣节快乐特效

效果展示图如下所示：

点击此处查看效果图：

http://keleyi.com/keleyi/phtml/jqtexiao/6.htm

以下为超文本标记语言代码：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title万圣节快乐！-柯乐义/title style type=' text/CSS ' body { margin :0 px；背景-图片：网址(http://乐可易。com/yi/phtml/jqte Xiao/6/2013年万圣节_乐可yi。jpg)；背景-重复：不重复；背景-颜色： # 030303;背景-位置：中央顶部；}.动画{ margin-top :600 px；高度：130 px宽度宽度：620像素左边距左：auto右边距：汽车；背景： URL(http://keleyi。com/keley I/phtml/jqte Xiao/6/keley high ost。gif)不重复；背景-位置：-280像素中心；}/style脚本类型=' text/JavaScript ' src=' http :http://乐可yi。com/乐可yi/pmedia/jquery/jquery-1。10 .2 .量滴js '/script script type=' text/JavaScript ' $(function guizhao(){ $(' div # animate _ kel ' ' eyi _ com ')).CSS({背景位置： '-280 px中心' })；$("div # animate _ ke " "乐毅_com ").动画化({ backgroundPosition: '620' }，20232，贵调);});/script/head dydiv id=' animate _ keley _ com ' class=' animate '/div diva href=' http://keley。com/a/bjac/438 uwrmi。htm ' target=' _ blank '原文/a/div/body/html以上代码是不是很简单啊，基于Jquery实现万圣节快乐特效教程就到此结束了，参考以上内容，小伙伴们也来娱乐娱乐吧。