酷拖页

酷拖页

js




拖动分页


体{
边境:0px;
保证金:0px;
溢出:隐藏;
背景颜色:透明;
}
{。页
位置:绝对;
宽度:700px;
边境:1px solid # 999;
背景颜色:# 000;
左:425px;
margin-left: - 350px;
游标:默认值;
Z指数:0;
}
UL {
身高:320px;
列表样式:无;
保证金:40px 50px 0px;
填料:0px;
}
李{
宽度:100%;
身高:30px;
行高:30px;
字体大小:14px;
文本对齐:左对齐;
底部边框:1px冲# 999;
}
一个{
文字装饰:无;
颜色:# 999;
}
答:悬停{
字体粗细:粗体;
}
李跨{
浮子:右边;
颜色:# 999;
}
提示{。
显示块;
宽度:100%;
字体大小:12px;
颜色:# 999;
文本对齐:中心;
保证金:10px 0px 20px;
}






功能ID(obj){
返回document.getelementbyid(obj);
}
VaR页;
变量;
var = false;
var = 0;
var = false;
窗口。指针函数(){
页= document.getelementsbytagname(div);
如果(页面长度> 0){
页面{ 0 }。风格在= 2;
}

为(i = 0;i < page.length;i++){
{我}页。类名=页面;
页面{我} .innerHTML +=第一+(i + 1)+/+页。长度+ 页面提示:左、右拖拽页面;
页{ i =页+ i;
页{我};
{我}页。onmousedown =功能(e){
如果(!EN){
如果(!e){ E = E | |窗口事件;}。
LM = this.offsetleft;
MX =(e.pagex)e.pagex:到;
这个风格。光标=w-resize ;
真的;
如果(文件all){
This.setCapture();
其他{ }
window.captureevents(MouseMove事件。| MouseUp事件。);
}
}
}
{我}的网页,移动鼠标=功能(e){
如果(MD){
真的;
如果(!e){ E = E | |窗口事件;}。
var前=(e.pagex)e.pagex:到;
这个样式。左=前(MX LM)+ 350;
如果(这。offsetleft<75){
无功铜=(这个我= = 0)length-1:this.i-1页;
{她}页。风格在= 0;
页面{铜}。风格在= 1;
这个风格在= 2;
铜;
}

如果(这。offsetleft > 75){
无功铜=(这个我= =页。length-1)0:这我+ 1;
{她}页。风格在= 0;
页面{铜}。风格在= 1;
这个风格在= 2;
铜;
}
}
}
{我}页。onmouseup =函数(){
这个样式;
=假;
如果(文件all){
This.releaseCapture();
其他{ }
window.releaseevents(MouseMove事件。| MouseUp事件。);
}
Flyout(本);
}
}
}

功能按钮(obj){
如果(obj。offsetleft<75){
如果(((obj.offsetleft + 350-20)> 275){
OBJ。左= obj.offsetleft + 350-20风格;
window.settimeout(弹出(('('(' +对象ID + ));
其他{ }
obj。风格。左= - 275;
obj。风格在= 0;
弗莱(ID(obj。ID));
}
}
如果(obj。offsetleft > 75){
如果(((obj.offsetleft + 350 + 20)<1125){
obj。风格。左= obj.offsetleft + 350 + 20;
window.settimeout(弹出(('('(' +对象ID + ));
其他{ }
obj。风格。左= 1125;
obj。风格在= 0;
弗莱(ID(obj。ID));
}
}
}
Function flyin (obj) {
如果(obj。offsetleft<75){
如果(((obj.offsetleft + 350 + 20)<425){
obj。风格。左= obj.offsetleft + 350 + 20;
window.settimeout(飞(('('(' +对象ID + ));
其他{ }
obj。风格。左= 425;
=假;
}
}
如果(obj。offsetleft > 75){
如果(((obj.offsetleft + 350-20)> 425){
OBJ。左= obj.offsetleft + 350-20风格;
window.settimeout(飞(('('(' +对象ID + ));
其他{ }
obj。风格。左= 425;
=假;
}
}
}




Html:




2009-4-29 02:16东方明珠
2009-4-29 02:16啊!情人
2009-4-29 02:16安宁温泉
2009-4-29 02:16你的样子
2009-4-29 02:16,1980
2009-4-29 02:16,1980
2009-4-29 02:16,2000
2009-4-29 02:16亚洲孤儿
2009-4-29 02:16童年




2009-4-29 02:16和字
2009-4-29 02:16飞行汽车
2009-4-29 02:16东方明珠
2009-4-29 02:16滚滚红尘
2009-4-29 02:16的故事
2009-4-29 02:16之乎者也
2009-4-29 02:16现象的变化七十二
2009-4-29 02:16乡愁四韵
2009-4-29 02:16穿过你的黑发的我的手




2009-4-29 02:16战士之歌
2009-4-29 02:16黄色的脸
2009-4-29 02:16台北红玫瑰







以上是本文的全部内容,希望大家能喜欢。