模仿Flash AS效果的导航菜单
模仿Flash AS效果的导航菜单
lastNo=0
function re(menu_no){
if(lastNo!=menu_no){
cur=menu_no+1
lastNo=menu_no
rest()
}else{
cur=100
}
document.getElementById("board"+menu_no).style.visibility="visible"
}
function rest(){
for(i=1;i
News
Populor
Sports
Woman
1.由AS而想起Javascript
2.用Jscript写ASP有没有先天性的不足?
3.没有了。
1.xhtml+css真的来了吗?
2.Flash取代传统网站
3.Flash何时才能连接数据库?
1.程序员与小姐的10个相同。
2.中国的程序员与中国的足球?
1.二十一世纪最缺的是什么?人才
http://linkweb.cn/js" target="_blank">http://linkweb.cn/js
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
模仿Flash AS效果的导航菜单
模仿Flash AS效果的导航菜单 lastNo=0 function re(menu_no){ if(lastNo!=menu_no){ cur=menu_no+1 lastNo=menu_no rest() }else{ cur=100 } document.getElementById("board"+menu_no).style.visibility="visible" } function rest(){ for(i=1;i News Populor Sp
-
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
本文实例讲述了jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单.分享给大家供大家参考,具体如下: <!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
-
JavaScript实战之带收放动画效果的导航菜单
虽然有很多插件可用,但为了共同提高,我做了一系列JavaScript实战系列的实例,分享给大家,前辈们若有好的建议,请务必指出,免得误人子弟啊! 今天是第一战:带收放动画效果的菜单,效果如下图:(样式有点丑(-^-)) ( 由于在写本文时,用的编辑器不同,暂时添加不了演示效果,这里有:最终完整代码和演示 ) 动画效果:鼠标hover改变所有目标的背景和字体颜色,鼠标移动到'首页导航',显示下面的分组菜单,分组菜单有子菜单,点击可缩放,带动画过度效果!而且,可以随便添加和删除导航菜单和子菜单,不
-
Android 抽屉效果的导航菜单实现代码实例
看了很多应用,觉得这种侧滑的抽屉效果的菜单很好. 不用切换到另一个页面,也不用去按菜单的硬件按钮,直接在界面上一个按钮点击,菜单就滑出来,而且感觉能放很多东西. 关于实现,搜索了一下,有如下两种: 1.用SlidingDrawer:http://developer.android.com/reference/android/widget/SlidingDrawer.html 但是不知道为什么这个类官方不建议再继续用了:Deprecated since API level 17 2.用Drawer
-
原生js做的手风琴效果的导航菜单
做好的手风琴效果如下,具体看代码: html代码 复制代码 代码如下: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Accordion</title> <style> #accordion{ width:200px; } #accordion ul{ list-style: none; display:none; } .fir
-
jQuery实现个性翻牌效果导航菜单的方法
本文实例讲述了jQuery实现个性翻牌效果导航菜单的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!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/xh
-
jQuery实现二级导航菜单的示例
实用JQ实现导航二级菜单效果,导航菜单在网站中非常常见,有的网站可能会出现三级菜单及多级菜单模式,下面我们来简单的实现一个二级菜单的效果. 部分效果截图: 整体代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>导航菜单案例</title> <style> *{ padding: 0; margin: 0; } ul,li{ l
-
jQuery模仿京东/天猫商品左侧分类导航菜单效果
现在天猫或者京东商品分类模块的默认的效果是这样的: 当鼠标滑过任意一栏导航分类时,就会出现相关详细分类模块,例如: 当鼠标移出蓝色框以外的区域,就会恢复默认的效果显示!然而使用jQuery的鼠标滑过事件,用得比较多的就是mouseover()和mouseout(),或者是他们两个的整合hover();所以之前我也是用的这种方法,但是一直调整都调整不到想要的效果!后来灵光一现,想着使用一下mouseenter()和mouseleave();结果分分钟想要的效果就出来了! 我的布局大致是这样的: <
-
jQuery实现Flash效果上下翻动的中英文导航菜单代码
本文实例讲述了jQuery实现Flash效果上下翻动的中英文导航菜单代码.分享给大家供大家参考.具体如下: 这是一款jQuery实现Flash效果鼠标感应式的翻动导航菜单,支持中英文切换,所使用的jQuery类库版本为1.3.2. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-flash-style-sx-cha-chen-menu-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//
-
js实现仿爱微网两级导航菜单效果代码
本文实例讲述了js实现仿爱微网两级导航菜单效果代码.分享给大家供大家参考.具体如下: 这是一款仿爱微网两级导航菜单,tab选项卡形式的导航菜单,原生js做的tab选项卡型的导航菜单,需要鼠标点击才切换出二级子菜单,可修改成鼠标移过去就更换内容的形式. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-fawei-web-nav-menu-style-codes/ 具体代码如下: <html> <head> <title&g
随机推荐
- 详解Java HashMap实现原理
- CI框架开发新浪微博登录接口源码完整版
- 介绍PostgreSQL中的Lateral类型
- csdn 博客的css样式 v3
- AngularJS实现全选反选功能
- 百度空间备份脚本baidublogbak.vbs代码分析
- IIS+PHP+MySQL环境中PHP.INI需要注意的几个地方
- Python显示进度条的方法
- ASP中通过该日历算法实现的具体代码
- 教你用jquery实现iframe自适应高度
- php使用PDO执行SQL语句的方法分析
- jQuery如何获取同一个类标签的所有值(默认无法获取)
- javascript兼容性(实例讲解)
- 微信小程序 网络API Websocket详解
- 简单谈谈关于C++中大随机数的问题
- 全面了解java基本类型和封装类型的区别及应用
- C#语言中的修饰符汇总
- 编写纯 CSS 弹出菜单的原理及实现 By shawl.qiu
- linux安装redis和mysql的实例讲解
- python实现批量修改服务器密码的方法