数码资讯
superslide2实现图片滚动效果
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
下面是您演示过的代码,期待您使用的所有朋友的灵感,这里我举了两个例子。
重点项目UL。项目{
文本对齐:中心;
}
。滚动区域。昨日,。滚动区域。二{
位置:绝对;
底部:590px;
宽度:29px;
身高:64px;
不透明性:0.6;
溢出:隐藏;
显示:无;
文本缩进:- 999px;
边框:中非;
背景:URL( / / arrowlr PNG图像。)没有重复滚动0% 0%透明;
}
沪指{。滚动区域。
左:0px;
背景位置:- 50px 0px;
}
滚动区域。
右:0px;
}
。滚动区域。其实我。昨日,。滚动区域。其实我下{。
显示块;
}
滚动区域。
/ *宽度* 832px;
左: / * * 60px;
位置:*绝对值;
/ *高* 100px;
溢出:*隐藏;
左:63px;
位置:绝对;
}
。焦点高清。SNext。焦点高清。史配夫{
浮点数:左;
显示块;
宽度:14px;
身高:47px;
文本缩进:- 9999px;
背景:URL( / / sprites1008 PNG图像。)没有重复滚动0px - 3046px透明;
}
SNext {。焦点高清。
背景位置:0px - 2698px;
}
focus-hd.show_bottom_nav {。
浮点数:左;
保证金:0px 6px;
显示:内联;
宽度:832px;
溢出:隐藏;
}
focus-hd.show_bottom_nav ul {。
左:15px保证金;
}
HTML代码演示:
我
以
js脚本代码:
jQuery(。滚动区域)。滑({ titcell:'焦点高清里,maincell:'。重点项目UL,延迟时间:0,0,自动触发::真});
jQuery(。滚动区域。重点项目)。Hover(function(){ jQuery(this)。AddClass(其实我)},{ jQuery()函数(这)});
小标签导航
jQuery(。滚动区域。show_bottom_nav)。滑({ maincell:UL
重点项目UL。项目{
文本对齐:中心;
}
。滚动区域。昨日,。滚动区域。二{
位置:绝对;
底部:590px;
宽度:29px;
身高:64px;
不透明性:0.6;
溢出:隐藏;
显示:无;
文本缩进:- 999px;
边框:中非;
背景:URL( / / arrowlr PNG图像。)没有重复滚动0% 0%透明;
}
沪指{。滚动区域。
左:0px;
背景位置:- 50px 0px;
}
滚动区域。
右:0px;
}
。滚动区域。其实我。昨日,。滚动区域。其实我下{。
显示块;
}
滚动区域。
/ *宽度* 832px;
左: / * * 60px;
位置:*绝对值;
/ *高* 100px;
溢出:*隐藏;
左:63px;
位置:绝对;
}
。焦点高清。SNext。焦点高清。史配夫{
浮点数:左;
显示块;
宽度:14px;
身高:47px;
文本缩进:- 9999px;
背景:URL( / / sprites1008 PNG图像。)没有重复滚动0px - 3046px透明;
}
SNext {。焦点高清。
背景位置:0px - 2698px;
}
focus-hd.show_bottom_nav {。
浮点数:左;
保证金:0px 6px;
显示:内联;
宽度:832px;
溢出:隐藏;
}
focus-hd.show_bottom_nav ul {。
左:15px保证金;
}
HTML代码演示:
我
以
js脚本代码:
jQuery(。滚动区域)。滑({ titcell:'焦点高清里,maincell:'。重点项目UL,延迟时间:0,0,自动触发::真});
jQuery(。滚动区域。重点项目)。Hover(function(){ jQuery(this)。AddClass(其实我)},{ jQuery()函数(这)});
小标签导航
jQuery(。滚动区域。show_bottom_nav)。滑({ maincell:UL
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。