不错的Javascript表格翻页效果_javascript技巧

程序员文章站 2022-05-24 21:43:58

...

<title>表格翻页</title>
<style> 
body, td{ 
    font-size: 9pt; 
} 
a:link { 
    color: #FF0000; 
} 
a:visited { 
    color: #FF0000; 
} 
a:hover { 
    color: #006600; 
} 
</style>
<center> 
共 6 页 当前第 <span id="number">1</span> 页 
<span id="theFirstPage"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpmaXJzdFBhZ2UoKQ==" target="_blank" rel="nofollow">第一页</a></span> 
<span id="thePrePage"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpwcmVQYWdlKCk=" target="_blank" rel="nofollow">上一页</a></span> 
<span id="theNextPage"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpuZXh0UGFnZSgp" target="_blank" rel="nofollow">下一页</a></span> 
<span id="theLastPage"><a href="/default/index/url?u=aHR0cHM6Ly93d3cucGhwLmNuamF2YXNjcmlwdDpsYXN0UGFnZSgp" target="_blank" rel="nofollow">最后一页</a></span> 
转到第<select onchange="gotoPage(this.value)" name="goto"><option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option></select>页 
</center>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

相关标签：不错的Javascript表格翻页效果

上一篇： Codeforces #282 div 1 C Helping People 题解_html/css_WEB-ITnose

下一篇： ThinkPHP利用PHPMailer实现邮件发送实现代码_php实例

不错的Javascript表格翻页效果_javascript技巧

js实现同一页面多个运动效果的方法_javascript技巧

js实现翻页后保持checkbox选中状态的实现方法_javascript技巧

js实现点小图看大图效果的思路及示例代码_javascript技巧

javascript淡入淡出效果的实现思路_javascript技巧

非常不错的一个javascript 类_javascript技巧

JavaScript实现的简单拖拽效果_javascript技巧

非常不错的javascript 图片慢慢下层效果

JavaScript实现的斑马线表格效果【隔行变色】

不用javascript实现带序号的表格隔行换色的效果

非常不错的javascript 图片慢慢下层效果