×

js下拉菜单特效

js下拉菜单特效(用js实现一个效果,打开一个页面后先弹出一个提示框,提示框内有下拉菜单,选择后才进入页面)

admin admin 发表于2023-10-06 01:15:04 浏览37 评论0

抢沙发发表评论

本文目录

用js实现一个效果,打开一个页面后先弹出一个提示框,提示框内有下拉菜单,选择后才进入页面

js:function show(){if(confirm(“要提示的信息“)){ //点击确定后}return;}html:《body onload=“show()“》

用js做网页下拉菜单缓慢向下的特效代码

《!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=utf-8“ /》《title》下拉菜单《/title》《style type=“text/css“》*{margin:0; padding:0}#nav{width:200px; margin:50px}#nav h3{ cursor:pointer; line-height:30px; height:30px; background-color:#000000; color:#fff}#nav a{display:block; line-height:24px;color:#666666}#nav a:hover{background-color:#eee; color:#000;}#nav div{display:none; border:1px solid #000; border-top:none}《/style》《script type=“text/javascript“》function $(id){return document.getElementById(id)}window.onload = function(){ $(“nav“).onclick = function(e){ var src = e?e.target:event.srcElement; if(src.tagName == “H3“){ var next = src.nextElementSibling || src.nextSibling; next.style.display = (next.style.display ==“block“)?“none“:“block“; } }}《/script》《/head》《body》《div id=“nav“》 《h3》管理区《/h3》 《div》 《a href=“#“》建议《/a》 《a href=“#“》链接《/a》 《a href=“#“》联系《/a》 《/div》 《h3》交流区《/h3》 《div》 《a href=“#“》JavaScript《/a》 《a href=“#“》Delphi《/a》 《a href=“#“》VC++《/a》 《/div》《/div》《/body》《/html》

js下拉菜单选中刷新页面效果

第1章运行设计1.1运行模块组合Eclipse、MySQL1.2运行控制第2章程序设计说明2.1管理员登录设计说明管理员登录模块设计2.1.1程序描述2.1.2输入项编号 参数名称 数据类型 有效范围 默认值 输入方式 备注admin_name 登录用户 varchar(50) 不超过50字符 Null 传参admin_pwd 登录密码 Varchar(8) 8个字符,支持特殊字符与下划线 88888888 传参验证码 Varchar(4) 4个字符,仅由数字和字母组成。 传参2.1.3输出项编号 参数名称 数据类型 有效范围 输出形式 备注emp_id 员工工号 Integer 00001-99999 参数返回stu_name 员工姓名 Varchar(50) 不超过50字符 参数返回stu_gender 员工性别 Varchar(10) 男或女 参数返回stu_age 员工年龄 Integer 18-60 参数返回stu_tel 联系方式 Varchar(50) 11位纯数字 参数返回post_name 职位名称 Varchar(50) 不超过50字符 参数返回Class_name 班级名称 Varchar(50) 不超过50字符 参数返回2.1.4流程逻辑2.1.5错误处理登录失败2.2添加学员设计说明添加学员模块设计2.2.1程序描述图表8添加学员时序图2.2.2输入项表格5添加学员输入表编号 参数名称 数据类型 有效范围 默认值 输入方式 备注emp_id 员工工号 Integer 00001-99999 00001 传参stu_name 员工姓名 Varchar(50) 不超过50字符 佚名 传参stu_gender 员工性别 Varchar(10) 男或女 男 传参stu_age 员工年龄 Integer 18-60 18 传参stu_tel 联系方式 Varchar(50) 11位纯数字 null 传参post_name 职位名称 Varchar(50) 不超过50字符 Null 传参Class_name 班级名称 Varchar(50) 不超过50字符 null 传参stu_pwd 默认密码 Varchar(8) 8个字符,支持特殊字符与下划线 88888888 传参2.2.3输出项添加成功添加失败2.2.4流程逻辑图表9添加学员流程图2.3查询学员设计说明查询学员信息模块设计2.3.1程序描述图表10查询学员2.3.2输入项表格6查询学员输入表编号 参数名称 数据类型 有效范围 默认值 输入方式 备注stu_name 员工姓名 Varchar(50) 不超过50个字符 Null 传参2.3.3输出项表格7查询学员输出表编号 参数名称 数据类型 有效范围 输出形式 备注emp_id 员工工号 Integer 00001-99999 参数返回stu_name 学员姓名 Varchar(50) 不超过50字符 参数返回stu_gender 学员性别 Varchar(10) 男或女 参数返回stu_age 学员年龄 Integer 18-60 参数返回stu_tel 联系方式 Varchar(50) 11位纯数字 参数返回post_name 职位 Varchar(50) 不超过50字符 参数返回Class_name 所在班级 Varchar(50) 不超过50字符2.3.4流程逻辑图表11查询学员流程图2.4修改学员设计说明修改学员信息模块设计2.4.1程序描述图表12修改学员2.4.2输入项表格8修改学员输入表编号 参数名称 数据类型 有效范围 默认值 输入方式 备注stu_id 员工工号 Integer 00000-99999 00000 传参stu_name 员工姓名 Varchar(50) 不超过50个字符 Null 传参2.4.3输出项表格9修改学员输出表编号 参数名称 数据类型 有效范围 输出形式 备注emp_id 员工工号 Integer 00001-99999 参数返回stu_name 学员姓名 Varchar(50) 不超过50字符 参数返回stu_gender 学员性别 Varchar(10) 男或女 参数返回stu_age 学员年龄 Integer 18-60 参数返回stu_tel 联系方式 Varchar(50) 11位纯数字 参数返回post_name 职位 Varchar(50) 不超过50字符 参数返回Class_name 所在班级 Varchar(50) 不超过50字符 参数返回2.4.4流程逻辑图表13修改学员流程图2.5删除学员设计说明删除学员信息模块设计2.5.1程序描述图表14删除学员2.5.2输入项表格10删除学员输入表编号 参数名称 数据类型 有效范围 默认值 输入方式 备注stu_id 员工工号 Integer 00000-99999 00000 传参stu_name 员工姓名 Varchar(50) 不超过50个字符 佚名 传参2.5.3流程逻辑图表15删除学员流程图2.6查看指定时间缺席的学员设计说明查看缺席学员的模块设计2.6.1程序描述图表16查看缺席学员2.6.2输入项表格11缺席学员输入表编号 参数名称 数据类型 有效范围 默认值 输入方式 备注train_begin 开始时间 Date 2000-01-01之后 Null 传参train_end 结束时间 Date 开始时间之后 Null 传参2.6.3输出项表格12缺席学员输出表编号 参数名称 数据类型 有效范围 输出形式 备注emp_id 员工工号 Integer 00001-99999 参数返回stu_name 学员姓名 Varchar(50) 不超过50字符 参数返回Class_name 所在班级 Varchar(50) 不超过50字符 参数返回