网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
json|js 简单下拉菜单效果
json|js 简单下拉菜单效果
发布时间:2019-03-23
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js 简单下拉菜单效果
words" content="" /> <script type="text/javascript" > function at_show_aux(parent, child) { var p = document.getElementById(parent); var c = document.getElementById(child ); var top = (c["at_position"] == "y") ? p.offsetHeight+2 : 0; var left = (c["at_position"] == "x") ? p.offsetWidth +2 : 0; for (; p; p = p.offsetParent) { top += p.offsetTop; left += p.offsetLeft; } c.style.position = "absolute"; c.style.top = top +"px"; c.style.left = left+"px"; c.style.visibility = "visible"; } // ***** at_show ***** function at_show() { var p = document.getElementById(this["at_parent"]); var c = document.getElementById(this["at_child" ]); at_show_aux(p.id, c.id); clearTimeout(c["at_timeout"]); } // ***** at_hide ***** function at_hide() { var p = document.getElementById(this["at_parent"]); var c = document.getElementById(this["at_child" ]); c["at_timeout"] = setTimeout("document.getElementById(""+c.id+"").style.visibility = "hidden"", 333); } // ***** at_click ***** function at_click() { var p = document.getElementById(this["at_parent"]); var c = document.getElementById(this["at_child" ]); if (c.style.visibility != "visible") at_show_aux(p.id, c.id); else c.style.visibility = "hidden"; return false; } function at_attach(parent, child, showtype, position, cursor) { var p = document.getElementById(parent); var c = document.getElementById(child); p["at_parent"] = p.id; c["at_parent"] = p.id; p["at_child"] = c.id; c["at_child"] = c.id; p["at_position"] = position; c["at_position"] = position; c.style.position = "absolute"; c.style.visibility = "hidden"; if (cursor != undefined) p.style.cursor = cursor; switch (showtype) { case "click": p.onclick = at_click; p.onmouseout = at_hide; c.onmouseover = at_show; c.onmouseout = at_hide; break; case "hover": p.onmouseover = at_show; p.onmouseout = at_hide; c.onmouseover = at_show; c.onmouseout = at_hide; break; } } </script>
Dropdown Sample
Main Menu Item 1 Item 2 Item 3 <script type="text/javascript"> at_attach("sample_attach_menu_parent", "sample_attach_menu_child", "hover", "y", "pointer"); </script>
Site Search
Enter search terms:
<script type="text/javascript"> at_attach("sample_attach_src_parent", "sample_attach_src_child", "click", "x", "pointer"); </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/28022/
上一篇:
[js局部刷新]js新刷新框页面
下一篇:
div隐藏与显示 js_js显示层与隐藏层代码
相关推荐
[给网页添加背景音乐]给网页添加背景音乐方法
[javascript学习指南]javascript 切换选项卡效果代码
【jquery异步请求】jquery异步提交与跨域提交表单方法
[js局部刷新]js新刷新框页面
[phpstudy]php 查找数组中是否在指定内容
【json】js select自动跳转到指定网站
【phpstudy】php 中javascript调用js实例方法
【javascript学习指南】javascript 后退,前进,刷新实现方法
javascript学习指南_Javascript setTimeout简单使用教程
[flash player]flash 加载xml入门实例教程
网友关注
【js控制css】js控制图片翻转
javascript学习指南|JavaScript 页面重定向 window.location
【ajax提交form表单】ajax php html记录文章点击收藏次数
【如何添加新用户到你的mysql数据分析】如何添加新用户到你的MySQL数据库
dhtml是什么|dhtml下拉菜单效果
如何推动高质量发展|如何获得高质量外链
mysql下载|mysql 清空表 Truncate及delete区别
【json】js div 顶部全屏广告代码
【mysql下载】mysql CONCAT() 连接字符串详细说明
【我的网站】网站被gg K挽救方法
热门标签
json格式化
json在线格式化
js格式化
js刷新当前页面
jsp
js保留两位小数
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
div隐藏与显示 js_js显示层与隐藏层代码
js教程
【电脑字体大小怎么设置】文章字体大小设置js代码
js教程
[json]js 停几秒自动隐藏顶部全屏广告代码
js教程
怎么用js控制vue 路由跳转_怎么用js 动态增加蒙板 内嵌网页内容
js教程
json_js 并行运算实现测试代码
js教程
【修改增加fck编辑器】修改增加fck编辑按钮 功能方法
js教程
[asp.net core]asp.net php jsp asp 301重定向实现代码
js教程
[关于jsp生命周期的叙述 下列哪些为真]关于js php 处理checkbox checked与取值学习笔记
js教程
判断 英文_判断 iframe 是否加载完成
js教程
json|js 类继承 简单例代码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有