jQuery实现盘旋合成事件的方法

本文实例讲述了jQuery实现盘旋合成事件的方法。分享给大家供大家参考。具体如下：

jQuery悬停合成事件，利用合成盘旋事件制作折合面板，鼠标盘旋上面即可展开面板，与点击不尽相同，此特效代码来自锋利的jQuery一书。

运行效果截图如下：

具体代码如下：

！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' /titlejQuery悬停合成事件/title脚本src=' http : jquery 1。3 .2 .js ' type=' text/JavaScript '/script style * { margin :0；划水：0;} body { font-size : 13px线高： 130%;padding: 60px } #面板{ width: 300pxborder: 1px实心#0050D0 } .头部{ padding: 5px背景#光标：指针}。内容{ padd : 10 extext-indent : 2 em；边框-top: 1px实心# 0050D0显示：块；display : none }/style script type=' text/JavaScript ' $(function(){ $(' # panel H5。head ').悬停(function(){ $(this)).下一个(“div.content”).show()；}，function(){ $(this).下一个(“div.content”).hide()；})})))/脚本/head dydiv id=' panel ' H5 class=' head '什么是jQuery？/h5 div class='content' jQuery悬停合成事件，利用合成盘旋事件制作折合面板，鼠标盘旋上面即可展开面板，与点击不尽相同，此特效代码来自锋利的jQuery一书/div/div/body/html希望本文所述对大家的jquery程序设计有所帮助。