数码资讯
封装的jQuery页面滚动(示例代码)
HTML结构: 复制代码代码如下所示: UL认证。_rollse {宽度:100px;身高:300px;溢出:隐藏} UL认证。_rollse李。_rollpar {身高:100px;边框1px solid # 369 } 复制代码代码如下所示: 一 二 上一页 下一页 js引入文件: 作者:特蕾莎
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
HTML结构:
复制代码代码如下所示:
UL认证。_rollse {宽度:100px;身高:300px;溢出:隐藏}
UL认证。_rollse李。_rollpar {身高:100px;边框1px solid # 369 }
复制代码代码如下所示:
一
二
上一页
下一页
js引入文件:
作者:特蕾莎2011-3-28
参数:HTML:所需的阶级结构
该_rollparent上级层:触发事件
_rollse:滚动区
_rollpar:滚动
_scrollnext:下一页按钮
上一页按钮_scrollprev:
_rollpagese:寻呼区
_rollpage:页面元素
数据频率:滚动频率(例如:滚动3个元素)在触发事件>按钮中被标记。
数据PR的前缀:cookie。
描述:一次读取多个数据,显示只有几个页面,滚动和翻页(滚动3或N一次)。此方法只需在滚动事件所需的HTML元素之上标记类,这样就可以使用它。
js初始化方法:
复制代码代码如下所示:
/ **************************************************************************
描述:页面滚动
*************************************************************************** /
插件的引入
document.write('');
初始化函数
$(函数(){())
*
作者:特蕾莎2011-03-24 14:32:42
描述:strollto init
* /
初始显示/滚动
_scroll.init();
滚动
$('。_scrollprev)。活(听到咔哒声,函数()){
_scroll.prev(本);
返回false;
});
滚动
$('。_scrollnext)。活(听到咔哒声,函数()){
_scroll.next(本);
返回false;
});
});
*
作者:特蕾莎
update_time:2011-03-24 14:52:34
描述:页面滚动
* /
无功_scroll = { {
滚动饼干
配置:{
绰号:'lifedu_rollcur,
ckoptions:{
过期时间:3天/天
路径:
}
},
初始化
init:函数(){
VaR卷=美元('。_rollparent);
为(i = 0;i < roll.length;i++)
{
无功cookiename = roll.eq(我)。找到('。_scrollnext)。Attr('data-pr ')+_lifedu_rollcur ;
VaR OSTR =美元。饼干(_scroll。配置。绰号)| |{ };
var json = eval('(' + OSTR + ')');
var = 0;
var页面= 0;
无功rollpar = roll.eq(我)。找到('。_rollpar);
Roll.eq(我),('。_scrollprev)AddClass(禁止的);
Roll.eq(我),('。_rollse)。ScrollTo(rollpar.eq(CUR),50);
Roll.eq(我),('。_rollpagese)。发现('_rollpage)。RemoveClass(交流、)。情商(页)。AddClass(交流、);
cookie
json.cur =电流;
json.page =页;
VaR数据= jsontostr(JSON);
美元。饼干(cookiename,数据,_scroll。配置。ckoptions);
}
},
_p:{ },
预处理
_pre:功能(o){
_scroll.config.ckname = $(O),Attr('data-pr ')+_lifedu_rollcur ;
_scroll。_p.rollfrequency = parseInt($(O),Attr('data-frequency '));
_scroll。_p.rollse = $(O)。父母('。_rollparent)。找到('。_rollse '); / /滚动区域
_scroll。_p.rollpar = _scroll。_p.rollse.find('。_rollpar);
_scroll。_p.rlen = _scroll。_p.rollpar.length;
页码/区域
_scroll。_p.rollpagese = $(O)。父母('。_rollparent)。找到('。_rollpagese);
_scroll。_p.rollpagelen = _scroll。_p.rollpagese.find('。_rollpage的长度);
},
滚动
接下来:函数(o){
_scroll _pre(O);
VaR OSTR =美元。饼干(_scroll。配置。绰号)| |{ };
var json = eval('(' + OSTR + ')');
var最后= _scroll _p.rlen - 1;
N = _scroll _p.rollfrequency VaR;
无功电流= parseInt(JSON .cur)| | 0; / /滚动指数
VaR页= parseInt(JSON。页)| | 0; / /当前页号
如果(当前<最后>){
电流= n;
页+;
否则如果(当前=最后一个){
返回;
其他{ }
最后一个;
页= _scroll _p.rollpagelen - 1;
}
/ /如果最后一页addclass'disabled;
$(O)。父母('。_rollparent)。找到('。_scrollprev)RemoveClass(禁止的);
如果(页= = _scroll。_p.rollpagelen { - 1)
$(O)AddClass(禁止的);
{ }人
$(O)RemoveClass(禁止的);
}
滚动
_scroll。_p.rollse.scrollto(_scroll。_p.rollpar.eq(CUR),500);
_scroll.gopage(页);
写
json.cur =电流;
json.page =页;
VaR数据= jsontostr(JSON);
美元。饼干(_scroll.config.ckname,数据,_scroll。配置。ckoptions);
},
滚动
沪指:功能(o){
/ / LG('prev);
_scroll _pre(O);
VaR OSTR =美元。饼干(_scroll。配置。绰号)| |{ };
var json = eval('(' + OSTR + ')');
无功电流= parseInt(JSON .cur)| | 0; / /滚动指数
VaR页= parseInt(JSON。页)| | 0; / /当前页号
N = _scroll _p.rollfrequency VaR;
如果(cur-n > 0){
如果(我= = _scroll。_p.rlen { - 1)
电流=2 * n-1;
{ }人
电流= n;
}
如果(当前< 0){ = 0;}
页;
否则如果(当前= 0){
返回;
{ }人
电流=0;
页面= 0;
}
/ /如果第一页addclass'disabled;
$(O)。父母('。_rollparent)。找到('。_scrollnext)RemoveClass(禁止的);
如果(页= 0){
$(O)AddClass(禁止的);
{人}
$(O)RemoveClass(禁止的);
}
滚动
_scroll。_p.rollse.scrollto(_scroll。_p.rollpar.eq(CUR),500);
_scroll.gopage(页);
写
json.cur =电流;
json.page =页;
VaR数据= jsontostr(JSON);
美元。饼干(_scroll.config.ckname,数据,_scroll。配置。ckoptions);
},
GoPage:功能(P){
(P);
如果_p.rollpagese.length(_scroll!= 0){
_scroll。_p.rollpagese.find('。_rollpage)。RemoveClass(交流、)。Eq(P)AddClass(交流、);
}
}
}
复制代码代码如下所示:
UL认证。_rollse {宽度:100px;身高:300px;溢出:隐藏}
UL认证。_rollse李。_rollpar {身高:100px;边框1px solid # 369 }
复制代码代码如下所示:
一
二
上一页
下一页
js引入文件:
作者:特蕾莎2011-3-28
参数:HTML:所需的阶级结构
该_rollparent上级层:触发事件
_rollse:滚动区
_rollpar:滚动
_scrollnext:下一页按钮
上一页按钮_scrollprev:
_rollpagese:寻呼区
_rollpage:页面元素
数据频率:滚动频率(例如:滚动3个元素)在触发事件>按钮中被标记。
数据PR的前缀:cookie。
描述:一次读取多个数据,显示只有几个页面,滚动和翻页(滚动3或N一次)。此方法只需在滚动事件所需的HTML元素之上标记类,这样就可以使用它。
js初始化方法:
复制代码代码如下所示:
/ **************************************************************************
描述:页面滚动
*************************************************************************** /
插件的引入
document.write('');
初始化函数
$(函数(){())
*
作者:特蕾莎2011-03-24 14:32:42
描述:strollto init
* /
初始显示/滚动
_scroll.init();
滚动
$('。_scrollprev)。活(听到咔哒声,函数()){
_scroll.prev(本);
返回false;
});
滚动
$('。_scrollnext)。活(听到咔哒声,函数()){
_scroll.next(本);
返回false;
});
});
*
作者:特蕾莎
update_time:2011-03-24 14:52:34
描述:页面滚动
* /
无功_scroll = { {
滚动饼干
配置:{
绰号:'lifedu_rollcur,
ckoptions:{
过期时间:3天/天
路径:
}
},
初始化
init:函数(){
VaR卷=美元('。_rollparent);
为(i = 0;i < roll.length;i++)
{
无功cookiename = roll.eq(我)。找到('。_scrollnext)。Attr('data-pr ')+_lifedu_rollcur ;
VaR OSTR =美元。饼干(_scroll。配置。绰号)| |{ };
var json = eval('(' + OSTR + ')');
var = 0;
var页面= 0;
无功rollpar = roll.eq(我)。找到('。_rollpar);
Roll.eq(我),('。_scrollprev)AddClass(禁止的);
Roll.eq(我),('。_rollse)。ScrollTo(rollpar.eq(CUR),50);
Roll.eq(我),('。_rollpagese)。发现('_rollpage)。RemoveClass(交流、)。情商(页)。AddClass(交流、);
cookie
json.cur =电流;
json.page =页;
VaR数据= jsontostr(JSON);
美元。饼干(cookiename,数据,_scroll。配置。ckoptions);
}
},
_p:{ },
预处理
_pre:功能(o){
_scroll.config.ckname = $(O),Attr('data-pr ')+_lifedu_rollcur ;
_scroll。_p.rollfrequency = parseInt($(O),Attr('data-frequency '));
_scroll。_p.rollse = $(O)。父母('。_rollparent)。找到('。_rollse '); / /滚动区域
_scroll。_p.rollpar = _scroll。_p.rollse.find('。_rollpar);
_scroll。_p.rlen = _scroll。_p.rollpar.length;
页码/区域
_scroll。_p.rollpagese = $(O)。父母('。_rollparent)。找到('。_rollpagese);
_scroll。_p.rollpagelen = _scroll。_p.rollpagese.find('。_rollpage的长度);
},
滚动
接下来:函数(o){
_scroll _pre(O);
VaR OSTR =美元。饼干(_scroll。配置。绰号)| |{ };
var json = eval('(' + OSTR + ')');
var最后= _scroll _p.rlen - 1;
N = _scroll _p.rollfrequency VaR;
无功电流= parseInt(JSON .cur)| | 0; / /滚动指数
VaR页= parseInt(JSON。页)| | 0; / /当前页号
如果(当前<最后>){
电流= n;
页+;
否则如果(当前=最后一个){
返回;
其他{ }
最后一个;
页= _scroll _p.rollpagelen - 1;
}
/ /如果最后一页addclass'disabled;
$(O)。父母('。_rollparent)。找到('。_scrollprev)RemoveClass(禁止的);
如果(页= = _scroll。_p.rollpagelen { - 1)
$(O)AddClass(禁止的);
{ }人
$(O)RemoveClass(禁止的);
}
滚动
_scroll。_p.rollse.scrollto(_scroll。_p.rollpar.eq(CUR),500);
_scroll.gopage(页);
写
json.cur =电流;
json.page =页;
VaR数据= jsontostr(JSON);
美元。饼干(_scroll.config.ckname,数据,_scroll。配置。ckoptions);
},
滚动
沪指:功能(o){
/ / LG('prev);
_scroll _pre(O);
VaR OSTR =美元。饼干(_scroll。配置。绰号)| |{ };
var json = eval('(' + OSTR + ')');
无功电流= parseInt(JSON .cur)| | 0; / /滚动指数
VaR页= parseInt(JSON。页)| | 0; / /当前页号
N = _scroll _p.rollfrequency VaR;
如果(cur-n > 0){
如果(我= = _scroll。_p.rlen { - 1)
电流=2 * n-1;
{ }人
电流= n;
}
如果(当前< 0){ = 0;}
页;
否则如果(当前= 0){
返回;
{ }人
电流=0;
页面= 0;
}
/ /如果第一页addclass'disabled;
$(O)。父母('。_rollparent)。找到('。_scrollnext)RemoveClass(禁止的);
如果(页= 0){
$(O)AddClass(禁止的);
{人}
$(O)RemoveClass(禁止的);
}
滚动
_scroll。_p.rollse.scrollto(_scroll。_p.rollpar.eq(CUR),500);
_scroll.gopage(页);
写
json.cur =电流;
json.page =页;
VaR数据= jsontostr(JSON);
美元。饼干(_scroll.config.ckname,数据,_scroll。配置。ckoptions);
},
GoPage:功能(P){
(P);
如果_p.rollpagese.length(_scroll!= 0){
_scroll。_p.rollpagese.find('。_rollpage)。RemoveClass(交流、)。Eq(P)AddClass(交流、);
}
}
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。