js左右切换 选择年龄
2024-08-25 00:20:02
<!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" />
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<title>无标题文档</title> <style>
.text{
size:10;
border:1px solid 0px;
height:30px;
width:30px;
font-size:24px;
text-align:center} .tables{ height:50px;
width:350px;
font-size:24px;
text-align:center;
} .table-chin{
height:50px;
width:250px;
font-size:24px;
text-align:center;
font-family:"微软雅黑", "宋体";
color:#FF0000; } .tds{
width:50px;
color:#FF0000;}
</style> <script type="text/javascript"> var pagenum=30;
function pre(){ if(pagenum==0){
return;
}else{
var str="";
for(var i=pagenum-5;i<pagenum;i++){ str=str+"<td onclick='getval(this)'>"+i+"</td>"
}
document.getElementById('conten').innerHTML=str;
pagenum=pagenum-5; } } function next(){ if(pagenum==100){
return;
}else{
var str="";
for(var i=pagenum;i<pagenum+5;i++){ str=str+"<td onclick='getval(this)'>"+i+"</td>"
}
document.getElementById('conten').innerHTML=str;
pagenum=pagenum+5; }
} $(function(){
var chars="<td onclick='getval(this)'>30</td><td onclick='getval(this)'>31</td><td onclick='getval(this)'>32</td><td onclick='getval(this)'>33</td><td onclick='getval(this)'>34</td>";
document.getElementById('conten').innerHTML=chars; }); function getval(v){ alert(v.innerHTML); $(v).css('background-color','#ADADAD').siblings().css('background-color','') } </script> </head> <body> <table class="tables">
<tr>
<td class="tds" onclick="pre()"><</td> <td>
<table class="table-chin">
<tr id="conten">
<td onclick="" background="">1</td><td>2</td><td>3</td><td>4</td><td>5</td>
</tr>
</table>
</td> <td class="tds" onclick="next()">></td>
</tr>
</table> </body> </html>
最新文章
- 基于DDD的.NET开发框架 - ABP初探
- Java常用排序算法+程序员必须掌握的8大排序算法
- maven 一好用的仓库镜像
- mysql概要(三)having
- 你不知道的JavaScript--值得你挑战的JavaScript面试题(45题)
- leetcode 113 Path Sum II ----- java
- 发布一个.net mvc站点遇到的问题及解决
- BGP详解
- linux memcached 安装
- H5 拖放
- POI使用:用poi接口不区分xls/xlsx格式解析Excel文档(41种日期格式解析方法,5种公式结果类型解析方法,3种常用数值类型精度控制办法)
- .net连接数据库递归
- Centos7 安装redis
- Nginx浅谈
- Centos + docker,Ubuntu + docker介绍安装及详细使用
- 【iCore4 双核心板_ARM】例程三十五:HTTP_IAP_ARM实验——更新升级STM32
- 关于jqGrid中GridUnload方法的困惑
- zookeeper 单机集成部署
- [转载]TypeScript 入门指南
- GNU风格 ARM汇编语法3
热门文章
- PCB .NET连接MySQL与Oracle DLL文分享件 MySql.Data,Oracle.ManagedDataAccess
- B - Double Cola
- Android Retrofit 2.0文件上传
- Java常见错误整理(一)
- js---html元素操作
- 《java数据结构与算法》系列之“简单排序";-冒泡,选择,插入
- 启动Mysql时,提示error 2002 的解决办法
- PostgreSQL的HA解决方案-1主从和备份(master/slave and backup)
- I2C controller core之Bit controller(05)
- CNN结构:用于检测的CNN结构进化-分离式方法