zoukankan
html css js c++ java
Javascript常用代码
鼠标旁边弹出提示信息
鼠标旁边的提示信息
<
a href
=
"
#
"
title
=
"
这是提示
"
>
tip
<
/
a>
<
script Language
=
"
JavaScript
"
>
//
***********默认设置定义.*********************
tPopWait
=
50
;
//
停留tWait豪秒后显示提示。
tPopShow
=
5000
;
//
显示tShow豪秒后关闭提示
showPopStep
=
20
;
popOpacity
=
99
;
//
***************内部变量定义*****************
sPop
=
null
;
curShow
=
null
;
tFadeOut
=
null
;
tFadeIn
=
null
;
tFadeWaiting
=
null
;
document.write(
"
<style type='text/css'id='defaultPopStyle'>
"
);
document.write(
"
.cPopText { background-color: #F8F8F5;color:#000000; border: 1px #000000 solid;font-color: font-size: 12px; padding-right: 4px; padding-left: 4px; height: 20px; padding-top: 2px; padding-bottom: 2px; filter: Alpha(Opacity=0)}
"
);
document.write(
"
</style>
"
);
document.write(
"
<div id='dypopLayer' style='position:absolute;z-index:1000;' class='cPopText'></div>
"
);
function
showPopupText()
{
var
o
=
event.srcElement;
MouseX
=
event.x;
MouseY
=
event.y;
if
(o.alt
!=
null
&&
o.alt
!=
""
)
{o.dypop
=
o.alt;o.alt
=
""
}
;
if
(o.title
!=
null
&&
o.title
!=
""
)
{o.dypop
=
o.title;o.title
=
""
}
;
if
(o.dypop
!=
sPop)
{
sPop
=
o.dypop;
clearTimeout(curShow);
clearTimeout(tFadeOut);
clearTimeout(tFadeIn);
clearTimeout(tFadeWaiting);
if
(sPop
==
null
||
sPop
==
""
)
{
dypopLayer.innerHTML
=
""
;
dypopLayer.style.filter
=
"
Alpha()
"
;
dypopLayer.filters.Alpha.opacity
=
0
;
}
else
{
if
(o.dyclass
!=
null
) popStyle
=
o.dyclass
else
popStyle
=
"
cPopText
"
;
curShow
=
setTimeout(
"
showIt()
"
,tPopWait);
}
}
}
function
showIt()
{
dypopLayer.className
=
popStyle;
dypopLayer.innerHTML
=
sPop;
popWidth
=
dypopLayer.clientWidth;
popHeight
=
dypopLayer.clientHeight;
if
(MouseX
+
12
+
popWidth
>
document.body.clientWidth) popLeftAdjust
=-
popWidth
-
24
else
popLeftAdjust
=
0
;
if
(MouseY
+
12
+
popHeight
>
document.body.clientHeight) popTopAdjust
=-
popHeight
-
24
else
popTopAdjust
=
0
;
dypopLayer.style.left
=
MouseX
+
12
+
document.body.scrollLeft
+
popLeftAdjust;
dypopLayer.style.top
=
MouseY
+
12
+
document.body.scrollTop
+
popTopAdjust;
dypopLayer.style.filter
=
"
Alpha(Opacity=0)
"
;
fadeOut();
}
function
fadeOut()
{
if
(dypopLayer.filters.Alpha.opacity
<
popOpacity)
{
dypopLayer.filters.Alpha.opacity
+=
showPopStep;
tFadeOut
=
setTimeout(
"
fadeOut()
"
,
1
);
}
else
{
dypopLayer.filters.Alpha.opacity
=
popOpacity;
tFadeWaiting
=
setTimeout(
"
fadeIn()
"
,tPopShow);
}
}
function
fadeIn()
{
if
(dypopLayer.filters.Alpha.opacity
>
0
)
{
dypopLayer.filters.Alpha.opacity
-=
1
;
tFadeIn
=
setTimeout(
"
fadeIn()
"
,
1
);
}
}
document.onmouseover
=
showPopupText;
<
/
script>
滚动的图片
滚动的图片
<
script language
=
"
javascript
"
>
imgArr
=
new
Array()
imgArr[
0
]
=
"
<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>
"
imgArr[
1
]
=
"
<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>
"
imgArr[
2
]
=
"
<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>
"
imgArr[
3
]
=
"
<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>
"
imgArr[
4
]
=
"
<a href=# onmouseMove='javascript:outHover=true' onMouseover='javascript:outHover=true' onMouseout='javascript:outHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>
"
var
moveStep
=
4
//
步长,单位:pixel
var
moveRelax
=
100
//
移动时间间隔,单位:ms
ns4
=
(document.layers)
?
true
:
false
var
displayImgAmount
=
4
//
视区窗口可显示个数
var
divWidth
=
220
//
每块图片占位宽
var
divHeight
=
145
//
每块图片占位高
var
startDnum
=
0
var
nextDnum
=
startDnum
+
displayImgAmount
var
timeID
var
outHover
=
false
var
startDivClipLeft
var
nextDivClipRight
function
initDivPlace()
{
if
(ns4)
{
for
(i
=
0
;i
<
displayImgAmount;i
++
)
{
eval(
"
document.divOuter.document.divAds
"
+
i
+
"
.left=
"
+
divWidth
*
i)
}
for
(i
=
displayImgAmount;i
<
imgArr.length;i
++
)
{
eval(
"
document.divOuter.document.divAds
"
+
i
+
"
.left=
"
+
divWidth
*
displayImgAmount)
}
}
else
{
for
(i
=
0
;i
<
displayImgAmount;i
++
)
{
eval(
"
document.all.divAds
"
+
i
+
"
.style.left=
"
+
divWidth
*
i)
}
for
(i
=
displayImgAmount;i
<
imgArr.length;i
++
)
{
eval(
"
document.all.divAds
"
+
i
+
"
.style.left=
"
+
divWidth
*
displayImgAmount)
}
}
}
function
mvStart()
{
timeID
=
setTimeout(moveLeftDiv,moveRelax)
}
function
mvStop()
{
clearTimeout(timeID)
}
function
moveLeftDiv()
{
if
(ns4)
{
for
(i
=
0
;i
<=
displayImgAmount;i
++
)
{
eval(
"
document.divOuter.document.divAds
"
+
parseInt((startDnum
+
i)
%
imgArr.length)
+
"
.left=document.divOuter.document.divAds
"
+
parseInt((startDnum
+
i)
%
imgArr.length)
+
"
.left-moveStep
"
)
}
startDivClipLeft
=
parseInt(eval(
"
document.divOuter.document.divAds
"
+
startDnum
+
"
.clip.left
"
))
nextDivClipRight
=
parseInt(eval(
"
document.divOuter.document.divAds
"
+
nextDnum
+
"
.clip.right
"
))
if
(startDivClipLeft
+
moveStep
>
divWidth)
{
eval(
"
document.divOuter.document.divAds
"
+
nextDnum
+
"
.clip.right=
"
+
divWidth)
eval(
"
document.divOuter.document.divAds
"
+
startDnum
+
"
.left=
"
+
divWidth
*
displayImgAmount)
eval(
"
document.divOuter.document.divAds
"
+
parseInt((nextDnum
+
1
)
%
imgArr.length)
+
"
.left=document.divOuter.document.divAds
"
+
nextDnum
+
"
.left+
"
+
divWidth)
eval(
"
document.divOuter.document.divAds
"
+
parseInt((nextDnum
+
1
)
%
imgArr.length)
+
"
.clip.left=0
"
)
startDnum
=
(
++
startDnum)
%
imgArr.length
nextDnum
=
(startDnum
+
displayImgAmount)
%
imgArr.length
startDivClipLeft
=
moveStep
-
(divWidth
-
startDivClipLeft)
nextDivClipRight
=
moveStep
-
(divWidth
-
nextDivClipRight)
}
else
{
eval(
"
document.divOuter.document.divAds
"
+
nextDnum
+
"
.clip.left=0
"
)
startDivClipLeft
+=
moveStep
nextDivClipRight
+=
moveStep
}
eval(
"
document.divOuter.document.divAds
"
+
startDnum
+
"
.clip.left=
"
+
startDivClipLeft)
eval(
"
document.divOuter.document.divAds
"
+
nextDnum
+
"
.clip.right=
"
+
nextDivClipRight)
}
else
{
for
(i
=
0
;i
<=
displayImgAmount;i
++
)
{
eval(
"
document.all.divAds
"
+
parseInt((startDnum
+
i)
%
imgArr.length)
+
"
.style.left=document.all.divAds
"
+
parseInt((startDnum
+
i)
%
imgArr.length)
+
"
.style.pixelLeft-moveStep
"
)
}
startDivClipLeft
=
parseInt(eval(
"
document.all.divAds
"
+
startDnum
+
"
.currentStyle.clipLeft
"
))
nextDivClipRight
=
parseInt(eval(
"
document.all.divAds
"
+
nextDnum
+
"
.currentStyle.clipRight
"
))
if
(startDivClipLeft
+
moveStep
>
divWidth)
{
eval(
"
document.all.divAds
"
+
nextDnum
+
"
.style.clip='rect(0,
"
+
divWidth
+
"
,
"
+
divHeight
+
"
,0
"
+
"
)'
"
)
eval(
"
document.all.divAds
"
+
startDnum
+
"
.style.left=
"
+
divWidth
*
displayImgAmount)
eval(
"
document.all.divAds
"
+
parseInt((nextDnum
+
1
)
%
imgArr.length)
+
"
.style.left=document.all.divAds
"
+
nextDnum
+
"
.style.pixelLeft+
"
+
divWidth)
startDnum
=
(
++
startDnum)
%
imgArr.length
nextDnum
=
(startDnum
+
displayImgAmount)
%
imgArr.length
startDivClipLeft
=
moveStep
-
(divWidth
-
startDivClipLeft)
nextDivClipRight
=
moveStep
-
(divWidth
-
nextDivClipRight)
}
else
{
startDivClipLeft
+=
moveStep
nextDivClipRight
+=
moveStep
}
eval(
"
document.all.divAds
"
+
startDnum
+
"
.style.clip='rect(0,
"
+
divWidth
+
"
,
"
+
divHeight
+
"
,
"
+
startDivClipLeft
+
"
)'
"
)
eval(
"
document.all.divAds
"
+
nextDnum
+
"
.style.clip='rect(0,
"
+
nextDivClipRight
+
"
,
"
+
divHeight
+
"
,0)'
"
)
}
if
(outHover)
{
mvStop()
}
else
{
mvStart()
}
}
function
writeDivs()
{
if
(ns4)
{
document.write(
"
<ilayer name=divOuter width=750 height=
"
+
divHeight
+
"
>
"
)
for
(i
=
0
;i
<
imgArr.length;i
++
)
{
document.write(
"
<layer name=divAds
"
+
i
+
"
>
"
)
document.write(imgArr[i]
+
"
"
)
document.write(
"
</layer>
"
)
}
document.write(
"
</ilayer>
"
)
document.close()
for
(i
=
displayImgAmount;i
<
imgArr.length;i
++
)
{
eval(
"
document.divOuter.document.divAds
"
+
i
+
"
.clip.right=0
"
)
}
}
else
{
document.write(
"
<div id=divOuter style='position:relative' width=750 height=
"
+
divHeight
+
"
>
"
)
for
(i
=
0
;i
<
imgArr.length;i
++
)
{
document.write(
"
<div id=divAds
"
+
i
+
"
style='position:absolute;clip:rect(0,
"
+
divWidth
+
"
,
"
+
divHeight
+
"
,0)'>
"
)
document.write(imgArr[i]
+
"
"
)
document.write(
"
</div>
"
)
}
document.write(
"
</div>
"
)
for
(i
=
displayImgAmount;i
<
imgArr.length;i
++
)
{
eval(
"
document.all.divAds
"
+
i
+
"
.style.clip='rect(0,0,
"
+
divHeight
+
"
,0)'
"
)
}
}
}
<
/
script>
<
BODY onload
=
javascript:mvStart()
>
<
SCRIPT language
=
javascript
>
writeDivs();initDivPlace();
<
/
SCRIPT>
文本链接渐隐渐现
文本渐隐渐现
<
META NAME
=
"
Description
"
CONTENT
=
""
>
<
/
HEAD>
<
BODY
>
<
script language
=
"
javascript
"
type
=
"
text/javascript
"
>
startColor
=
"
#671700
"
;
//
定义链接颜色
endColor
=
"
#D8D1C5
"
;
//
定义要渐变到最后的颜色
stepIn
=
17
;
stepOut
=
23
;
/**/
/*
定义是否让所有的文本链接自动渐变,true为是,false为否
*/
autoFade
=
true
;
/**/
/*
在这里定义css样式里的类class:fade,如果为true,那么你要将要渐变的链接上加上此fade样式
*/
sloppyClass
=
false
;
hexa
=
new
makearray(
16
);
for
(
var
i
=
0
; i
<
10
; i
++
)
hexa[i]
=
i;
hexa[
10
]
=
"
a
"
; hexa[
11
]
=
"
b
"
; hexa[
12
]
=
"
c
"
;
hexa[
13
]
=
"
d
"
; hexa[
14
]
=
"
e
"
; hexa[
15
]
=
"
f
"
;
document.onmouseover
=
domouseover;
document.onmouseout
=
domouseout;
startColor
=
dehexize(startColor.toLowerCase());
endColor
=
dehexize(endColor.toLowerCase());
var
fadeId
=
new
Array();
function
dehexize(Color)
{
var
colorArr
=
new
makearray(
3
);
for
(i
=
1
; i
<
7
; i
++
)
{
for
(j
=
0
; j
<
16
; j
++
)
{
if
(Color.charAt(i)
==
hexa[j])
{
if
(i
%
2
!=
0
)
colorArr[Math.floor((i
-
1
)
/
2)]=eval(j)*16;
else
colorArr[Math.floor((i
-
1
)
/
2)]+=eval(j);
}
}
}
return
colorArr;
}
function
domouseover()
{
if
(document.all)
{
var
srcElement
=
event.srcElement;
if
((srcElement.tagName
==
"
A
"
&&
autoFade)
||
srcElement.className
==
"
fade
"
||
(sloppyClass
&&
srcElement.className.indexOf(
"
fade
"
)
!=
-
1
))
fade(startColor,endColor,srcElement.uniqueID,stepIn);
}
}
function
domouseout()
{
if
(document.all)
{
var
srcElement
=
event.srcElement;
if
((srcElement.tagName
==
"
A
"
&&
autoFade)
||
srcElement.className
==
"
fade
"
||
(sloppyClass
&&
srcElement.className.indexOf(
"
fade
"
)
!=
-
1
))
fade(endColor,startColor,srcElement.uniqueID,stepOut);
}
}
function
makearray(n)
{
this
.length
=
n;
for
(
var
i
=
1
; i
<=
n; i
++
)
this
[i]
=
0
;
return
this
;
}
function
hex(i)
{
if
(i
<
0
)
return
"
00
"
;
else
if
(i
>
255
)
return
"
ff
"
;
else
return
""
+
hexa[Math.floor(i
/
16)] + hexa[i%16];}
function
setColor(r, g, b, element)
{
var
hr
=
hex(r);
var
hg
=
hex(g);
var
hb
=
hex(b);
element.style.color
=
"
#
"
+
hr
+
hg
+
hb;
}
function
fade(s,e, element,step)
{
var
sr
=
s[
0
];
var
sg
=
s[
1
];
var
sb
=
s[
2
];
var
er
=
e[
0
];
var
eg
=
e[
1
];
var
eb
=
e[
2
];
if
(fadeId[
0
]
!=
null
&&
fade[
0
]
!=
element)
{
setColor(sr,sg,sb,eval(fadeId[
0
]));
var
i
=
1
;
while
(i
<
fadeId.length)
{
clearTimeout(fadeId[i]);
i
++
;
}
}
for
(
var
i
=
0
; i
<=
step; i
++
)
{
fadeId[i
+
1
]
=
setTimeout(
"
setColor(Math.floor(
"
+
sr
+
"
*((
"
+
step
+
"
-
"
+
i
+
"
)/
"
+
step
+
"
) +
"
+
er
+
"
* (
"
+
i
+
"
/
"
+
step
+
"
)),Math.floor(
"
+
sg
+
"
* ((
"
+
step
+
"
-
"
+
i
+
"
)/
"
+
step
+
"
) +
"
+
eg
+
"
* (
"
+
i
+
"
/
"
+
step
+
"
)),Math.floor(
"
+
sb
+
"
* ((
"
+
step
+
"
-
"
+
i
+
"
)/
"
+
step
+
"
) +
"
+
eb
+
"
* (
"
+
i
+
"
/
"
+
step
+
"
)),
"
+
element
+
"
);
"
,i
*
step);
}
fadeId[
0
]
=
element;
}
<
/
script>
<
/
BODY>
<
/
HTML>
<
A HREF
=
""
>
让你的文本链接渐隐渐显
<
/
A>
脚本翻页
脚本翻页
<!
doctype html public
"
-//W3C//DTD XHTML 1.0 Transitional//EN
"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
"
>
<
html xmlns
=
"
http://www.w3.org/1999/xhtml
"
>
<
head
>
<
meta http
-
equiv
=
"
Content-Type
"
content
=
"
text/html; charset=gb2312
"
/
>
<
title
>
JavaScript: showPages v1.
0
[by Lapuasi.com]
<
/
title>
<
script language
=
"
JavaScript
"
>
<!--
/**/
/*
showPages v1.1
=================================
Infomation
----------------------
Author : Lapuasi
E-Mail : lapuasi@gmail.com
Web : http://www.lapuasi.com
Date : 2005-11-17
Example
----------------------
var pg = new showPages('pg');
pg.pageCount = 12; //定义总页数(必要)
pg.argName = 'p'; //定义参数名(可选,缺省为page)
pg.printHtml(); //显示页数
Supported in Internet Explorer, Mozilla Firefox
*/
function
showPages(name)
{
//
初始化属性
this
.name
=
name;
//
对象名称
this
.page
=
1
;
//
当前页数
this
.pageCount
=
1
;
//
总页数
this
.argName
=
'
page
'
;
//
参数名
this
.showTimes
=
1
;
//
打印次数
}
showPages.prototype.getPage
=
function
()
{
//
丛url获得当前页数,如果变量重复只获取最后一个
var
args
=
location.search;
var
reg
=
new
RegExp(
'
[\?&]?
'
+
this
.argName
+
'
=([^&]*)[&$]?
'
,
'
gi
'
);
var
chk
=
args.match(reg);
this
.page
=
RegExp.$
1
;
}
showPages.prototype.checkPages
=
function
()
{
//
进行当前页数和总页数的验证
if
(isNaN(parseInt(
this
.page)))
this
.page
=
1
;
if
(isNaN(parseInt(
this
.pageCount)))
this
.pageCount
=
1
;
if
(
this
.page
<
1
)
this
.page
=
1
;
if
(
this
.pageCount
<
1
)
this
.pageCount
=
1
;
if
(
this
.page
>
this
.pageCount)
this
.page
=
this
.pageCount;
this
.page
=
parseInt(
this
.page);
this
.pageCount
=
parseInt(
this
.pageCount);
}
showPages.prototype.createHtml
=
function
(mode)
{
//
生成html代码
var
strHtml
=
''
, prevPage
=
this
.page
-
1
, nextPage
=
this
.page
+
1
;
if
(mode
==
''
||
typeof
(mode)
==
'
undefined
'
) mode
=
0
;
switch
(mode)
{
case
0
:
//
模式1 (页数,首页,前页,后页,尾页)
strHtml
+=
'
<span class="count">Pages:
'
+
this
.page
+
'
/
'
+
this
.pageCount
+
'
</span>
'
;
strHtml
+=
'
<span class="number">
'
;
if
(prevPage
<
1
)
{
strHtml
+=
'
<span title="First Page">«</span>
'
;
strHtml
+=
'
<span title="Prev Page">‹</span>
'
;
}
else
{
strHtml
+=
'
<span title="First Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(1);">«</a></span>
'
;
strHtml
+=
'
<span title="Prev Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
prevPage
+
'
);">‹</a></span>
'
;
}
for
(
var
i
=
1
; i
<=
this
.pageCount; i
++
)
{
if
(i
>
0
)
{
if
(i
==
this
.page)
{
strHtml
+=
'
<span title="Page
'
+
i
+
'
">[
'
+
i
+
'
]</span>
'
;
}
else
{
strHtml
+=
'
<span title="Page
'
+
i
+
'
"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
i
+
'
);">[
'
+
i
+
'
]</a></span>
'
;
}
}
}
if
(nextPage
>
this
.pageCount)
{
strHtml
+=
'
<span title="Next Page">›</span>
'
;
strHtml
+=
'
<span title="Last Page">»</span>
'
;
}
else
{
strHtml
+=
'
<span title="Next Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
nextPage
+
'
);">›</a></span>
'
;
strHtml
+=
'
<span title="Last Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
this
.pageCount
+
'
);">»</a></span>
'
;
}
strHtml
+=
'
</span><br />
'
;
break
;
case
1
:
//
模式1 (10页缩略,首页,前页,后页,尾页)
strHtml
+=
'
<span class="count">Pages:
'
+
this
.page
+
'
/
'
+
this
.pageCount
+
'
</span>
'
;
strHtml
+=
'
<span class="number">
'
;
if
(prevPage
<
1
)
{
strHtml
+=
'
<span title="First Page">«</span>
'
;
strHtml
+=
'
<span title="Prev Page">‹</span>
'
;
}
else
{
strHtml
+=
'
<span title="First Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(1);">«</a></span>
'
;
strHtml
+=
'
<span title="Prev Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
prevPage
+
'
);">‹</a></span>
'
;
}
if
(
this
.page
%
10
==
0
)
{
var
startPage
=
this
.page
-
9
;
}
else
{
var
startPage
=
this
.page
-
this
.page
%
10
+
1
;
}
if
(startPage
>
10
) strHtml
+=
'
<span title="Prev 10 Pages"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
(startPage
-
1
)
+
'
);">
</a></span>
'
;
for
(
var
i
=
startPage; i
<
startPage
+
10
; i
++
)
{
if
(i
>
this
.pageCount)
break
;
if
(i
==
this
.page)
{
strHtml
+=
'
<span title="Page
'
+
i
+
'
">[
'
+
i
+
'
]</span>
'
;
}
else
{
strHtml
+=
'
<span title="Page
'
+
i
+
'
"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
i
+
'
);">[
'
+
i
+
'
]</a></span>
'
;
}
}
if
(
this
.pageCount
>=
startPage
+
10
) strHtml
+=
'
<span title="Next 10 Pages"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
(startPage
+
10
)
+
'
);">
</a></span>
'
;
if
(nextPage
>
this
.pageCount)
{
strHtml
+=
'
<span title="Next Page">›</span>
'
;
strHtml
+=
'
<span title="Last Page">»</span>
'
;
}
else
{
strHtml
+=
'
<span title="Next Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
nextPage
+
'
);">›</a></span>
'
;
strHtml
+=
'
<span title="Last Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
this
.pageCount
+
'
);">»</a></span>
'
;
}
strHtml
+=
'
</span><br />
'
;
break
;
case
2
:
//
模式2 (前后缩略,页数,首页,前页,后页,尾页)
strHtml
+=
'
<span class="count">Pages:
'
+
this
.page
+
'
/
'
+
this
.pageCount
+
'
</span>
'
;
strHtml
+=
'
<span class="number">
'
;
if
(prevPage
<
1
)
{
strHtml
+=
'
<span title="First Page">«</span>
'
;
strHtml
+=
'
<span title="Prev Page">‹</span>
'
;
}
else
{
strHtml
+=
'
<span title="First Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(1);">«</a></span>
'
;
strHtml
+=
'
<span title="Prev Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
prevPage
+
'
);">‹</a></span>
'
;
}
if
(
this
.page
!=
1
) strHtml
+=
'
<span title="Page 1"><a href="javascript:
'
+
this
.name
+
'
.toPage(1);">[1]</a></span>
'
;
if
(
this
.page
>=
5
) strHtml
+=
'
<span>
</span>
'
;
if
(
this
.pageCount
>
this
.page
+
2
)
{
var
endPage
=
this
.page
+
2
;
}
else
{
var
endPage
=
this
.pageCount;
}
for
(
var
i
=
this
.page
-
2
; i
<=
endPage; i
++
)
{
if
(i
>
0
)
{
if
(i
==
this
.page)
{
strHtml
+=
'
<span title="Page
'
+
i
+
'
">[
'
+
i
+
'
]</span>
'
;
}
else
{
if
(i
!=
1
&&
i
!=
this
.pageCount)
{
strHtml
+=
'
<span title="Page
'
+
i
+
'
"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
i
+
'
);">[
'
+
i
+
'
]</a></span>
'
;
}
}
}
}
if
(
this
.page
+
3
<
this
.pageCount) strHtml
+=
'
<span>
</span>
'
;
if
(
this
.page
!=
this
.pageCount) strHtml
+=
'
<span title="Page
'
+
this
.pageCount
+
'
"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
this
.pageCount
+
'
);">[
'
+
this
.pageCount
+
'
]</a></span>
'
;
if
(nextPage
>
this
.pageCount)
{
strHtml
+=
'
<span title="Next Page">›</span>
'
;
strHtml
+=
'
<span title="Last Page">»</span>
'
;
}
else
{
strHtml
+=
'
<span title="Next Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
nextPage
+
'
);">›</a></span>
'
;
strHtml
+=
'
<span title="Last Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
this
.pageCount
+
'
);">»</a></span>
'
;
}
strHtml
+=
'
</span><br />
'
;
break
;
case
3
:
//
模式3 (箭头样式,首页,前页,后页,尾页) (only IE)
strHtml
+=
'
<span class="count">Pages:
'
+
this
.page
+
'
/
'
+
this
.pageCount
+
'
</span>
'
;
strHtml
+=
'
<span class="arrow">
'
;
if
(prevPage
<
1
)
{
strHtml
+=
'
<span title="First Page">9</span>
'
;
strHtml
+=
'
<span title="Prev Page">7</span>
'
;
}
else
{
strHtml
+=
'
<span title="First Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(1);">9</a></span>
'
;
strHtml
+=
'
<span title="Prev Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
prevPage
+
'
);">7</a></span>
'
;
}
if
(nextPage
>
this
.pageCount)
{
strHtml
+=
'
<span title="Next Page">8</span>
'
;
strHtml
+=
'
<span title="Last Page">:</span>
'
;
}
else
{
strHtml
+=
'
<span title="Next Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
nextPage
+
'
);">8</a></span>
'
;
strHtml
+=
'
<span title="Last Page"><a href="javascript:
'
+
this
.name
+
'
.toPage(
'
+
this
.pageCount
+
'
);">:</a></span>
'
;
}
strHtml
+=
'
</span><br />
'
;
break
;
case
4
:
//
模式4 (下拉框)
if
(
this
.pageCount
<
1
)
{
strHtml
+=
'
<select name="toPage" disabled>
'
;
strHtml
+=
'
<option value="0">No Pages</option>
'
;
}
else
{
var
chkSelect;
strHtml
+=
'
<select name="toPage" onchange="
'
+
this
.name
+
'
.toPage(this);">
'
;
for
(
var
i
=
1
; i
<=
this
.pageCount; i
++
)
{
if
(
this
.page
==
i) chkSelect
=
'
selected="selected"
'
;
else
chkSelect
=
''
;
strHtml
+=
'
<option value="
'
+
i
+
'
"
'
+
chkSelect
+
'
>Pages:
'
+
i
+
'
/
'
+
this
.pageCount
+
'
</option>
'
;
}
}
strHtml
+=
'
</select>
'
;
break
;
case
5
:
//
模式5 (输入框)
strHtml
+=
'
<span class="input">
'
;
if
(
this
.pageCount
<
1
)
{
strHtml
+=
'
<input type="text" name="toPage" value="No Pages" class="itext" disabled="disabled">
'
;
strHtml
+=
'
<input type="button" name="go" value="GO" class="ibutton" disabled="disabled"></option>
'
;
}
else
{
strHtml
+=
'
<input type="text" value="Input Page:" class="ititle" readonly="readonly">
'
;
strHtml
+=
'
<input type="text" id="pageInput
'
+
this
.showTimes
+
'
" value="
'
+
this
.page
+
'
" class="itext" title="Input page" onkeypress="return
'
+
this
.name
+
'
.formatInputPage(event);" onfocus="this.select()">
'
;
strHtml
+=
'
<input type="text" value=" /
'
+
this
.pageCount
+
'
" class="icount" readonly="readonly">
'
;
strHtml
+=
'
<input type="button" name="go" value="GO" class="ibutton" onclick="
'
+
this
.name
+
'
.toPage(document.getElementById(\
'
pageInput
'
+ this.showTimes +
'
\
'
).value);"></option>
'
;
}
strHtml
+=
'
</span>
'
;
break
;
default
:
strHtml
=
'
Javascript showPage Error: not find mode
'
+
mode;
break
;
}
return
strHtml;
}
showPages.prototype.createUrl
=
function
(page)
{
//
生成页面跳转url
if
(isNaN(parseInt(page))) page
=
1
;
if
(page
<
1
) page
=
1
;
if
(page
>
this
.pageCount) page
=
this
.pageCount;
var
url
=
location.protocol
+
'
//
'
+
location.host
+
location.pathname;
var
args
=
location.search;
var
reg
=
new
RegExp(
'
([\?&]?)
'
+
this
.argName
+
'
=[^&]*[&$]?
'
,
'
gi
'
);
args
=
args.replace(reg,
'
$1
'
);
if
(args
==
''
||
args
==
null
)
{
args
+=
'
?
'
+
this
.argName
+
'
=
'
+
page;
}
else
if
(args.substr(args.length
-
1
,
1
)
==
'
?
'
||
args.substr(args.length
-
1
,
1
)
==
'
&
'
)
{
args
+=
this
.argName
+
'
=
'
+
page;
}
else
{
args
+=
'
&
'
+
this
.argName
+
'
=
'
+
page;
}
return
url
+
args;
}
showPages.prototype.toPage
=
function
(page)
{
//
页面跳转
var
turnTo
=
1
;
if
(
typeof
(page)
==
'
object
'
)
{
turnTo
=
page.options[page.selectedIndex].value;
}
else
{
turnTo
=
page;
}
self.location.href
=
this
.createUrl(turnTo);
}
showPages.prototype.printHtml
=
function
(mode)
{
//
显示html代码
this
.getPage();
this
.checkPages();
this
.showTimes
+=
1
;
document.write(
'
<div id="pages_
'
+
this
.name
+
'
_
'
+
this
.showTimes
+
'
" class="pages"></div>
'
);
document.getElementById(
'
pages_
'
+
this
.name
+
'
_
'
+
this
.showTimes).innerHTML
=
this
.createHtml(mode);
}
showPages.prototype.formatInputPage
=
function
(e)
{
//
限定输入页数格式
var
ie
=
navigator.appName
==
"
Microsoft Internet Explorer
"
?
true
:
false
;
if
(
!
ie)
var
key
=
e.which;
else
var
key
=
event.keyCode;
if
(key
==
8
||
key
==
46
||
(key
>=
48
&&
key
<=
57
))
return
true
;
return
false
;
}
//
-->
<
/
script>
<
style
>
/**/
/*
Pages Main Tyle
*/
.pages
{
color: #
000000
;
cursor:
default
;
font
-
size: 10px;
font
-
family: Tahoma, Verdana;
padding: 3px 0px 3px 0px;
}
.pages .count, .pages .number, .pages .arrow
{
color: #
000000
;
font
-
size: 10px;
background
-
color: #F7F7F7;
border: 1px solid #CCCCCC;
}
/**/
/*
Page and PageCount Style
*/
.pages .count
{
font
-
weight: bold;
border
-
right: none;
padding: 2px 10px 1px 10px;
}
/**/
/*
Mode 0,1,2 Style (Number)
*/
.pages .number
{
font
-
weight: normal;
padding: 2px 10px 1px 10px;
}
.pages .number a, .pages .number span
{
font
-
size: 10px;
}
.pages .number span
{
color: #
999999
;
margin: 0px 3px 0px 3px;
}
.pages .number a
{
color: #
000000
;
text
-
decoration: none;
}
.pages .number a:hover
{
color: #0000ff;
}
/**/
/*
Mode 3 Style (Arrow)
*/
.pages .arrow
{
font
-
weight: normal;
padding: 0px 5px 0px 5px;
}
.pages .arrow a, .pages .arrow span
{
font
-
size: 10px;
font
-
family: Webdings;
}
.pages .arrow span
{
color: #
999999
;
margin: 0px 5px 0px 5px;
}
.pages .arrow a
{
color: #
000000
;
text
-
decoration: none;
}
.pages .arrow a:hover
{
color: #0000ff;
}
/**/
/*
Mode 4 Style (Select)
*/
.pages select, .pages input
{
color: #
000000
;
font
-
size: 10px;
font
-
family: Tahoma, Verdana;
}
/**/
/*
Mode 5 Style (Input)
*/
.pages .input input.ititle, .pages .input input.itext, .pages .input input.icount
{
color: #
666666
;
font
-
weight: bold;
background
-
color: #F7F7F7;
border: 1px solid #CCCCCC;
}
.pages .input input.ititle
{
70px;
text
-
align: right;
border
-
right: none;
}
.pages .input input.itext
{
25px;
color: #
000000
;
text
-
align: right;
border
-
left: none;
border
-
right: none;
}
.pages .input input.icount
{
35px;
text
-
align: left;
border
-
left: none;
}
.pages .input input.ibutton
{
height: 17px;
color: #FFFFFF;
font
-
weight: bold;
font
-
family: Verdana;
background
-
color: #
999999
;
border: 1px solid #
666666
;
padding: 0px 0px 2px 1px;
margin
-
left: 2px;
cursor: hand;
}
/**/
/*
body
*/
body
{
font
-
size: 12px;
}
<
/
style>
<
/
head>
<
body
>
<
script language
=
"
JavaScript
"
>
<!--
var
pg
=
new
showPages(
'
pg
'
);
pg.pageCount
=
12
;
//
定义总页数(必要)
//
pg.argName = 'p'; // 定义参数名(可选,默认为page)
document.write(
'
<br>Show Times:
'
+
pg.showTimes
+
'
, Mood Default
'
);
pg.printHtml();
document.write(
'
<br>Show Times:
'
+
pg.showTimes
+
'
, Mood 0
'
);
pg.printHtml(
0
);
document.write(
'
<br>Show Times:
'
+
pg.showTimes
+
'
, Mood 1
'
);
pg.printHtml(
1
);
document.write(
'
<br>Show Times:
'
+
pg.showTimes
+
'
, Mood 2
'
);
pg.printHtml(
2
);
document.write(
'
<br>Show Times:
'
+
pg.showTimes
+
'
, Mood 3 (only IE)
'
);
pg.printHtml(
3
);
document.write(
'
<br>Show Times:
'
+
pg.showTimes
+
'
, Mood 4
'
);
pg.printHtml(
4
);
document.write(
'
<br>Show Times:
'
+
pg.showTimes
+
'
, Mood 5
'
);
pg.printHtml(
5
);
//
-->
<
/
script>
<
/
body>
<
/
html>
进入主页后自动播放声音
自动播放声音
<
embed src
=
"
pnm://10.13.31.90/~kayvin/mihunji.rm
"
hidden
=
true
autostart
=
true
loop
=
true
>
查看全文
相关阅读:
CodeBlocks下载与安装教程
Delphi 资源管理器套件
做了一个 62 进制的简单实现
关于 TRegEx.Split()
Delphi 的链式代码
在Linux上编译dotnet cli的源代码生成.NET Core SDK的安装包
尝试解决在构造函数中同步调用Dns.GetHostAddressesAsync()引起的线程死锁
.NET Core中遇到奇怪的线程死锁问题:内存与线程数不停地增长
将asp.net core站点发布到IIS上遇到的问题
.NET Core 构建配置文件从 project.json 到 .csproj
原文地址:https://www.cnblogs.com/nonsuch/p/1105867.html
最新文章
UVA 11427 (概率DP+期望)
vld for memory leak detector (release version)
在Release版本下使用VLD
千万级规模高性能、高并发的网络架构经验分享
Code::Blocks 导入Makefile工程
流媒体压力测试rtmp&hls(含推流和拉流)
RTMP与HLS压力测试工具安装与配置
HTTP/HLS/RTMP超级负载测试工具
windows迁移linux问题集锦
C/C++程序CPU问题分析
热门文章
WINDOWS和linux下stdcall
BeanUtils与PropertyUtils区别
Bean复制的几种框架性能比较(Apache BeanUtils、PropertyUtils,Spring BeanUtils,Cglib BeanCopier)
spring BeanUtils.copyProperties只拷贝不为null的属性
BeanUtils.copyProperties之大坑
BeanUtils
IDEA项目搭建七——使用Feign简化消费者端操作
Spring cloud Feign 入门demo
IDEA之Sonar插件的安装使用
解决方案:枚举类根据key值获取value值
Copyright © 2011-2022 走看看