12顶

js脚本翻页样式集合

稿源：互联网 2022-05-10 15:40:51 点击： 6461 撤稿纠错

js脚本翻页样式集合，多种样式，可任意选择。

以下讨论的是和js 翻页脚本相关的js脚本翻页样式集合教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<!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">  </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 { width: 70px; text-align: right; border-right: none; } .pages .input input.itext { width: 25px; color: #000000; text-align: right; border-left: none; border-right: none; } .pages .input input.icount { width: 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">  </script> </body> </html>

关于js脚本翻页样式集合的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200904082331.shtml方便下次再访问哦。

·上一篇： 页面内部的导航窗口
·下一篇： 漂亮的表格样式

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

js脚本翻页样式集合

文章分类LIST >>返回首页

最新游戏

最新新闻