滑动特殊代码共享——鼠标单击按钮时的开关(1)

滑动特殊代码共享——鼠标单击按钮时的开关(1)
本文的示例告诉我们,jQuery是一种非常时髦和漂亮的幻灯片效果,它基本上满足了在Web页面上使用幻灯片(焦点映射)的效果:
幻灯片效果描述:单击数字按钮幻灯片右角的右上角,切换到开关。
运行效果的截图如下:
具体实现代码:

幻灯片焦点映射插件
$(函数(){())
$(# kinslideshow )KinSlideshow();
})
。代码{高度:汽车;padding: 20px;border: 1px solid # 9ec9fe;背景:# ecf3fd;}
。代码预{字体:新品速递;字体大小:14px;}
。信息{字体大小:12px;颜色:# 666666;字体:Verdana;保证金:20px 0 50px 0;}
.info p{margin:0; padding:0; line-height:22px; text-indent:40px;}
H2标题{ margin: 0;padding: 0;边缘上:50px;字体大小:18px;font-family:微软雅黑
H3。标题{字体大小:16px;字体:Verdana;},微软雅黑
。importinfo {字体:Verdana;字体大小:14px;}

默认设置影响

附录:所有参数列表
时间:5 / /设置时间间隔为5秒{ } { }秒,默认5秒

movespeedtime:400 / /图片的切换时间,{ } { MS单位:默认为400毫秒。

movestyle:左 / /开关方向可选值:{左右} | | |左下:左:右开关,开关,开关上:下:{ },向下切换默认左开关

我的译文:鼠标 / /鼠标按钮事件,可选值:{ } mouseClick mouseClick |:鼠标悬停鼠标点击开关。鼠标悬停:鼠标滑过开关。{鼠标点击按钮开关默认}

ishastitlebar:真实 / /是否显示标题背景可选值:{真假} { } |默认为true

标题:{ titlebar_height:40,titlebar_bgcolor:# 000000titlebar_alpha:0.5 },标题 /背景风格(ishastitlebar =真实的前提下启用

titlebar_height:40 >标题背景高度。{ 40 }默认值:
titlebar_bgcolor:# 000000- >标题的背景色。{ 000000 } #默认值:
titlebar_alpha:0.5 ->页眉背景透明度值{ 1 } 0 ~。{ 0.5 }默认值:

IsHasTitleFont:真 / /是否显示标题文本的可选值:{真假} { } |默认为true

标题字体:{ titlefont_size:12,titlefont_color:# fffffftitlefont_family:Verdanatitlefont_weight:大胆}, / /标题文本样式(ishastitlefont =真实的前提下启用)

titlefont_size ->页眉文字大小的单位像素。{ 12 }默认值:
titlefont_color:# ffffff->标题文本颜色。{ 000000 } #默认值:
titlefont_family:宋体>标题文本的字体。{ Verdana }默认值:
titlefont_weight:大胆>标题文本的大小。可选值:{正常} { }大胆|默认:大胆

IsHasBtn:真 / /是否显示按钮

Btn:{ btn_bgcolor:666666 #
btn_fontcolor:# cccccc
btn_bordercolor:999999 #
btn_borderwidth:1,btn_bgalpha:0.7 } / /按钮样式设置(ishasbtn =真实的前提下启用)

btn_bgcolor:# 666666>按钮背景色默认} {:# 666666 。
btn_bghovercolor:# cc0000>按钮或点击背景色:# cc0000{默认}。
btn_fontcolor:# cccccc>按钮上显示的文本{默认}:# cccccc 。
btn_fonthovercolor:# 000000>按钮或单击按钮的文本颜色:# 000000{默认}。
btn_fontfamily:宋体>按钮字体默认} {:Verdana。
btn_bordercolor:# 999999>按钮边框颜色{默认}:# 999999 。
btn_borderhovercolor:# FF0000>按钮,单击按钮或在边框颜色:# FF0000{默认}。
btn_borderwidth:1 >按钮边框的宽度,单位像素不能超过3 { 1 }默认。
btn_bgalpha:0.7 >按钮透明度值{ 0 ~ 1 } { 0.7 }默认。
希望本文能帮助您设计jQuery特效。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部