本文主要介绍了jQuery的幻灯片焦点映射，它可以达到非常炫目和时尚的幻灯片效果。它有很大的实用价值，基本上满足了你在网页上使用幻灯片的效果。

幻灯片效果描述：使用鼠标滑过数字按钮滑动的右下角并切换到左右两侧。

自定义开关参数效果：向下切换，开关时间为8秒，开关时鼠标通过按钮滑动。



运行效果的截图如下：


具体代码如下






幻灯片焦点映射插件



$（函数（）{（））
$（# kinslideshow）。KinSlideshow（{
movestyle：
时间：8，
我的译文：鼠标悬停
标题字体：{ titlefont_size：14，titlefont_color：# FF0000}
}）；
}）


。代码{高度：汽车；padding: 20px；border: 1px solid # 9ec9fe；背景：# ecf3fd；}
。代码预{字体：新品速递；字体大小：14px；}
预编码。编码。注意{ 999 } #颜色：
。号码是{ border: 1px solid # feb0b0；背景：# fff1f1；边距：10px；}
。号码是预{ margin-left: 20px；字体大小：12px；}
。信息{字体大小：12px；颜色：# 666666；字体：Verdana；保证金：20px 0 50px 0；}
。信息p { margin: 0；padding: 0；线高度：22px；文本缩进：40px；}
H2标题{ margin: 0；padding: 0；边缘上：50px；字体大小：18px；font-family:微软雅黑
h2.title跨度。titleinfo {字体大小：12px；颜色：# 333；margin-left: 10px；字体家庭：Verdana；}
H3。标题{字体大小：16px；字体：Verdana；}，微软雅黑
。importinfo {字体：Verdana；字体大小：14px；}






自定义切换参数效应














希望本文能帮助您设计jQuery特效。