网页特效代码集(一)

资友 · 发表于 2006-11-12 09:30:00

欢迎注册登录后浏览更多内容！谢谢！

您需要登录才可以下载或查看，没有帐号？注册

x

1.加入收藏,设为首页:

<a href="javascript:window.external.AddFavorite('http://www.asp99.com','Asp99源码中心')">加入收藏</a>

<a
href="#"
onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http:
//www.asp99.com');">设为首页</a>

2.2秒后关闭当前页:
<script language="JavaScript">

</script>

3.IE地址栏前换成自己的图标:
在首页<head></head>之间加上如下代码
<link rel="Shortcut Icon" href="favicon.ico">

4.在收藏夹中显示出你的图标:
在首页<head></head>之间加上如下代码
<link rel="Bookmark" href="favicon.ico">

5.改变滚动条颜色:
在首页<head></head>之间加上如下代码
<style>
body{
scrollbar-face-color:147faf; scrollbar-shadow-color:147faf;
scrollbar-highlight-color:147faf; scrollbar-3dlight-color:ffffff;
scrollbar-darkshadow-color:ffffff; scrollbar-track-color:ffffff;
scrollbar-arrow-color:ffffff;}
</style>

scrollbar-face-color表示滚动条面的颜色
scrollbar-shadow-color表示滚动条右斜面的颜色
scrollbar-highlight-color表示滚动条左斜面的颜色
scrollbar-3dlight-color表示滚动条上边和左边边沿的颜色
scrollbar-darkshadow-color表示滚动下边和右边边沿的颜色
scrollbar-track-color表示滚动条底板的颜色
scrollbar-arrow-color表示滚动条两端箭头的颜色

6.鼠标移到单元格颜色改变:
<table width=200><tr>
<td
bgcolor="#738278" style="cursor:hand"
onMouseOver="this.style.backgroundColor='red'"
onMouseOut="this.style.background='#738278'">移過來</td><
/tr></table>

7.申请按钮的等待:
把如下代码加入<body>区域中
<FORM action=register.cgi
method=post name=agree><CENTER><INPUT name=agreeb
type=submit value="请认真查看<服务条款和声明> (15秒后继续)"><INPUT
onclick=history.back(-1) type=reset value=" 我不同意
"></CENTER></form>
<SCRIPT language=javascript>

</SCRIPT>

8.实现连续滚动:
<body>
<div id=demo style=overflow:hidden;height:60px>
<div id=demo1>
111111111111111
222222222222222
333333333333333
444444444444444
555555555555555
</div>
<div id=demo2></div>
<script>
var t=demo.scrollTop
demo2.innerText=demo1.innerText
function qswhMarquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else
demo.scrollTop++
}
setInterval(qswhMarquee,30)
</script>
</body>

9.无提示自动关闭窗口:
脚本说明:
第一步：把如下代码加入<body>区域中
<OBJECT
id=closes type="application/x-oleobject"
classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"><param
name="Command" value="Close"></object>
第二步：把<body>中的内容改为：
<body onload="setTimeout('closes.Click()',20000)">

10.弹出确认删除:
<1>vbscript:
<script language="vbscript">
sub check()
dim a
a=MsgBox("确定要删除吗？",vbOKCancel)
if a=1 then
window.event.returnvalue=true
else
window.event.returnvalue=false
end if
end sub
</script>

<a href="http://www.asp99.com/" onClick="check()">删除</a>

<2>javascript:
<script language="JavaScript1.2">

</script>
<a href='javascript:confirmdel("<%=rs("id")%>")'>删除</a>

11.防止点击空链接回到页首端:
把代码“javascript:void(null)”代替原来的“#”标记.

12.window.open的使用语法:
window.open('URL','Name','Features')
name可为空
如：
<a href="javascript:window.open('http://www.asp99.com','','width=400,height=400')">弹出窗口</a>

其中http://www.asp99.com 是你要打开的网页地址。可以使用相对或者是绝对地址,而width=400,height=400 是定义弹出窗口的宽度和高度都是400，其他的几个参数：
toolbar(yes|no): 是否出现浏览器工具栏，在已经设置窗口大小的情况下，默认为no，即不出现！

下同:
location:地址栏
status:状态栏
menubar:菜单条
scrollbars:滚动条
resizable:表示是否出现窗口大小的调整手柄！

结合flash as里边的getURL就是
getURL("javascript:window.open('http://www.asp99.com','','width=400,height=400')")

13.版权声明的写法正确的格式:
?1995-2004 Macromedia, Inc. All rights reserved.
?2004 Microsoft Corporation. All rights reserved.
Copyright ? 2004 Adobe Systems Incorporated. All rights reserved.
?1995-2004 Eric A. and Kathryn S. Meyer. All Rights Reserved.

14.内容提交等待:
把如下代码加入<body>区域中
<script language=javascript>

</script>

然后调整下面代码的参数使显示提示显示在你想要的位置:
<div id="sending" style="position:absolute; z-index:10; width: 400; visibility:hidden">
<table width=400 height=80 border=0 cellspacing=2 cellpadding=0 bgcolor="#8FA8E9">
<tr>
<td bgcolor=#eeeeee align=center>内容正在发送, 请稍候...</td>
</tr>
</table>
</div>

最后再提交按钮加入 onClick="showSending()">,如:
<input type='submit' name='ACTION' value='发送' onClick="showSending()">

15.实现 iframe 的自适应高度,参考如下代码:

<iframe id="newslist"
name="newslist" width="540" src="/iframenews.htm" marginwidth="1"
marginheight="1" border="0" frameborder="0" target="_self"
style="height:expression(eval(newslist.document.body.scrollHeight))"
>

<script language="javascript">
function clock(){i=i-1
document.title="本窗口将在"+i+"秒后自动关闭!";
if(i>0)setTimeout("clock();",10);
else self.close();}
var i=15
clock();
</script>
<form action="" mothed=post>
一个自动关闭窗口的例子.
</form>

用
window.close()

如：
<%
语句段
response.write "<script>window.close:</script>"
%>

id=trim(request("newsid"))
........
sql="select * from article where newsid="&id
rse.open sql,conn,1,3

些很实用且必用的小脚本代码:

脚本1:进入主页以后自动播放声音
<embed src="pnm://10.13.31.90/~kayvin/mihunji.rm" hidden=true autostart=true loop=true>

脚本2:进入主页后自动最大话,省的去在自己单击了
<script>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>

脚本3:显示现在时间的脚本
<script language=vbscript>document.write now</script>

脚本4:显示最后修改时间的脚本
<script>document.write(document.lastModified)</script>

脚本5:设为首页,加为收藏，加入频道,启动outlook发信
<a style="cursor:hand"　
onclick="this.style.behavior="url(#default#homepage)";
this.setHomePage("yourURL">设为首页</a>

<a style="cursor:hand"
onclick="window.external.AddFavorite(location.href,document.title);">加入收藏</a>

<a href=javascript:window.external.addChannel("typhoon.cdf")>加入频道</a>

<a href="youEmail">与我联系</a>

脚本6:状态栏动态显示现在时间
<script>
function see(){
window.setTimeout("see()",1000);
today = new Date();
self.status = today.toString();
}
</script>
<body onload=see()>

脚本7:关闭窗口的脚本
<a href=javascript:close()>[关闭窗口]</a>

脚本8:按下F12键,直接返回首页
<script>function look(){
if(event.keyCode==123){document.location.href=http://10.13.31.90/~kayvin/}
}
if(document.onkeydown==null)
{document.onkeydown=look}
</script>

脚本9:后退,刷新,前进

三如果文字过长,则将过长的部分变成省略号显示
<DIV STYLE="width: 120px; height: 50px; border: 1px solid blue;
         overflow: hidden; text-overflow:ellipsis">
<NOBR>就是比如有一行文字，很长，表格内一行显示不下.</NOBR>
</DIV>

滚动的图片
<script language="javascript">
imgArr=new Array()
imgArr[0]="<a href=# onmouseMove='javascript[s:7]utHover=true' onMouseover='javascript[s:7]utHover=true' onMouseout='javascript[s:7]utHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[1]="<a href=# onmouseMove='javascript[s:7]utHover=true' onMouseover='javascript[s:7]utHover=true' onMouseout='javascript[s:7]utHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[2]="<a href=# onmouseMove='javascript[s:7]utHover=true' onMouseover='javascript[s:7]utHover=true' onMouseout='javascript[s:7]utHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[3]="<a href=# onmouseMove='javascript[s:7]utHover=true' onMouseover='javascript[s:7]utHover=true' onMouseout='javascript[s:7]utHover=false;mvStart()'><img src=http://mc.mapabc.com/mapcard/images/LP_card_1.gif border=0></a>"
imgArr[4]="<a href=# onmouseMove='javascript[s:7]utHover=true' onMouseover='javascript[s:7]utHover=true' onMouseout='javascript[s:7]utHover=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+" ")
         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+" ")
         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>

接收键盘指令的脚本
按A就会跳转到娃娃亲的网页,请按A
<SCRIPT language="JavaScript">
<!--
var hotkey=97
var destination="http://www.wawaqin.com"
if (document.layers)
document.captureEvents(Event.KEYPRESS)
function backhome(e){
if (document.layers){
if (e.which==hotkey)
window.location=destination
}
else if (document.all){
if (event.keyCode==hotkey)
window.location=destination
}
}
document.onkeypress=backhome

onkeydown="javascript[s:7]nenter();"

function onenter(){
if(event.keyCode==13){
alert("回车");
}
}
</SCRIPT>

让你的文本链接渐隐渐显
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<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;
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 = 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++;
}
  }

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="http://www.wawaqin.com">让你的文本链接渐隐渐显</A>

类似与QQ的好友/黑名单之类的树型菜单_极品
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<script>
if (!document.getElementById)
document.getElementById = function() { return null; }

function initializeMenu(menuId, actuatorId) {
var menu = document.getElementById(menuId);
var actuator = document.getElementById(actuatorId);

if (menu == null || actuator == null) return;

//if (window.opera) return; // I'm too tired

actuator.parentNode.style.backgroundImage = "url(/images/plus.gif)";
actuator.onclick = function() {
      var display = menu.style.display;
      this.parentNode.style.backgroundImage =
         (display == "block") ? "url(/images/plus.gif)" : "url(/images/minus.gif)";
      menu.style.display = (display == "block") ? "none" : "block";

      return false;
}
}
window.onload = function() {
         initializeMenu("productsMenu", "productsActuator");
         initializeMenu("newPhonesMenu", "newPhonesActuator");
         initializeMenu("compareMenu", "compareActuator");
      }
</script>
<style>
body {
  font-family: verdana, helvetica, arial, sans-serif;
}

#mainMenu {
  background-color: #EEE;
  border: 1px solid #CCC;
  color: #000;
  width: 203px;
}

#menuList {
  margin: 0px;
  padding: 10px 0px 10px 15px;
}

li.menubar {
  background: url(/images/plus.gif) no-repeat 0em 0.3em;
  font-size: 12px;
  line-height: 1.5em;
  list-style: none outside;
}

.menu, .submenu {
  display: none;
  margin-left: 15px;
  padding: 0px;
}

.menu li, .submenu li {
  background: url(/images/square.gif) no-repeat 0em 0.3em;
  list-style: none outside;
}

a.actuator {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  padding-left: 15px;
  text-decoration: none;
}

a.actuator:hover {
  text-decoration: underline;
}

.menu li a, .submenu li a {
  background-color: transparent;
  color: #000;
  font-size: 12px;
  padding-left: 15px;
  text-decoration: none;
}

.menu li a:hover, submenu li a:hover {
  /*border-bottom: 1px dashed #000;*/
  text-decoration: underline;
}

span.key {
  text-decoration: underline;
}
</style>
</head>
<body>
<div id="mainMenu">
   <ul id="menuList">
      <li class="menubar">
      <a href="#" id="productsActuator" class="actuator">图秀地带收藏夹</a>
      <ul id="productsMenu" class="menu">
         <li>
            <a href="#" id="newPhonesActuator" class="actuator">我的好友</a>
            <ul id="newPhonesMenu" class="submenu">
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
            </ul>
         </li>
         <li>
            <a href="#" id="compareActuator" class="actuator">陌生人</a>
            <ul id="compareMenu" class="submenu">
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">张三[10000001]</a></li>
            <li><a href="http://mc.mapabc.com/mapcard/card.jsp?pp=1000000001">李四[10000002]</a></li>
            </ul>
         </li>
      </ul>
      </li>
   </ul>
</div>
  </body>
</BODY>
</HTML>

很多的脚本翻页
<!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">ages: ' + this.page + ' / ' + this.pageCount + '</span>';
strHtml += '<span class="number">';
if (prevPage < 1) {
strHtml += '<span title="First Page">