数码资讯
特效幻灯片效果示例代码
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery特效幻灯片效果,结果如下:
复制代码代码如下所示:
jQuery特效
CSS文档
H1,H2,H3,H4,H5,H6,,P,UL,OL,李,形式。
UL,OL,黎式列表样式:无;}
输入按钮{ margin: 0;字体大小:12px;垂直对齐方式:居中;}
体{字体大小:12px;字体:Arial,Helvetica,sans-serif;文本对齐:中心;保证金:0汽车;}
表{边界折叠:折叠;边框间距:0;}
一个{颜色:# 333;文字装饰:无;}
。箱{宽度:420px;保证金:20px汽车;位置:相对;溢出:隐藏;文本对齐:左;}
。箱img { border: 0px;宽度:420px;}
。大{宽度:100%;浮动:左;身高:196px;溢出:隐藏;margin-bottom: 2px;}
大的{显示:无;}
大跨度{位置:绝对;左:0;最高:167px;字体大小:13px;颜色:# FFF;Z指数:11;高度:30px;线高度:30px;文本缩进:1em;身高:30px;}
。民{宽度:424px;右边距:- 24px;浮动:左;身高:53px;填料顶部:2px;}
。民李{宽度:99px;填料顶部:5px;填充左:1px;鼠标指针;浮动:左;右边距:6px;身高:48px;}
。Num IMG {宽度:98px;}
。数里,{ background: url(。 /图像/ BG01 .gif)没有重复00;}
。txtbg {位置:绝对;左:0;最高:167px;宽度:100%;高度:30px;背景:# 000;不透明度:0.5;过滤器:α(不透明度50);Z指数:10;}
VaR的定时器;
var i = 1;
var偏移量= 3000;
函数滚动(){
++;
如果(i = 3){
我= 0;
}
幻灯片(一);
定时器= setTimeout(卷,偏移)
}
函数幻灯片(i){
$('大'),Eq(我),FadeIn()()。兄弟姐妹,兄弟姐妹()藏();
$('。民李),Eq(我),兄弟姐妹()RemoveClass(开);
$('。民李),Eq(我)AddClass(开);
}
Function stopBig () {
$(大)。Hover(函数(){)
ClearTimeout(定时器);
}函数(){()
定时器= setTimeout(卷,偏移);
});
}
功能stoproll(){
Hover(函数(){)
ClearTimeout(定时器);
i = $(this);
幻灯片(一);
}函数(){()
定时器= setTimeout(卷,偏移);
})
}
$(函数(){())
辊();
stoproll();
StopBig()
})
标题1
标题2
标题3
标题4
复制代码代码如下所示:
jQuery特效
CSS文档
H1,H2,H3,H4,H5,H6,,P,UL,OL,李,形式。
UL,OL,黎式列表样式:无;}
输入按钮{ margin: 0;字体大小:12px;垂直对齐方式:居中;}
体{字体大小:12px;字体:Arial,Helvetica,sans-serif;文本对齐:中心;保证金:0汽车;}
表{边界折叠:折叠;边框间距:0;}
一个{颜色:# 333;文字装饰:无;}
。箱{宽度:420px;保证金:20px汽车;位置:相对;溢出:隐藏;文本对齐:左;}
。箱img { border: 0px;宽度:420px;}
。大{宽度:100%;浮动:左;身高:196px;溢出:隐藏;margin-bottom: 2px;}
大的{显示:无;}
大跨度{位置:绝对;左:0;最高:167px;字体大小:13px;颜色:# FFF;Z指数:11;高度:30px;线高度:30px;文本缩进:1em;身高:30px;}
。民{宽度:424px;右边距:- 24px;浮动:左;身高:53px;填料顶部:2px;}
。民李{宽度:99px;填料顶部:5px;填充左:1px;鼠标指针;浮动:左;右边距:6px;身高:48px;}
。Num IMG {宽度:98px;}
。数里,{ background: url(。 /图像/ BG01 .gif)没有重复00;}
。txtbg {位置:绝对;左:0;最高:167px;宽度:100%;高度:30px;背景:# 000;不透明度:0.5;过滤器:α(不透明度50);Z指数:10;}
VaR的定时器;
var i = 1;
var偏移量= 3000;
函数滚动(){
++;
如果(i = 3){
我= 0;
}
幻灯片(一);
定时器= setTimeout(卷,偏移)
}
函数幻灯片(i){
$('大'),Eq(我),FadeIn()()。兄弟姐妹,兄弟姐妹()藏();
$('。民李),Eq(我),兄弟姐妹()RemoveClass(开);
$('。民李),Eq(我)AddClass(开);
}
Function stopBig () {
$(大)。Hover(函数(){)
ClearTimeout(定时器);
}函数(){()
定时器= setTimeout(卷,偏移);
});
}
功能stoproll(){
Hover(函数(){)
ClearTimeout(定时器);
i = $(this);
幻灯片(一);
}函数(){()
定时器= setTimeout(卷,偏移);
})
}
$(函数(){())
辊();
stoproll();
StopBig()
})
标题1
标题2
标题3
标题4
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。