我试图使菜单通过点击从右侧的jQuery动画出现span
具有runmenu
类,但它不工作,我做同一类的button
,它能正常工作,这里有什么问题,为什么它适用于button
只?!
$(document).ready(function() {
$(".runmenu").click(function() {
$(".menu").animate({
"right": 0
}, 1000);
});
});
/* Global*/
.conatianer {
width: 1026.66px;
}
/*End global*/
/*Start navbar*/
.navbar {
position: relative;
background: url(http://vividmarketinginc.com/wp-content/uploads/2015/08/1672___selected7.jpg);
background-size: cover;
height: 700.531px;
overflow: hidden;
}
.navbar .menu {
position: absolute;
right: -200px;
width: 200px;
height: 700px;
background-color: gray;
color: white;
}
.navbar .overlay {
position: absolute;
background-color: rgba(0, 0, 0, .2);
width: 100%;
height: 700.531px;
z-index: 1;
}
.navbar .navbar_one,
.navbar .navbar_two {
position: relative;
z-index: 2;
}
.navbar .navbar_one h3 {
float: left;
margin-top: 0;
color: #FFF;
padding: 20px;
text-transform: capitalize;
}
.navbar .navbar_one div {
float: right;
margin-right: 10px;
color: #FFF;
padding: 20px;
}
.navbar .navbar_two {
text-align: center;
padding-top: 230px;
}
.navbar .navbar_two i {
color: #FFF
}
.navbar .navbar_two h1 {
text-transform: capitalize;
color: #FFF;
}
.navbar .navbar_two h3 {
text-transform: capitalize;
color: #FFF
}
.navbar .navbar_two ul {
list-style: none;
}
.navbar .navbar_two ul li {
width: 110px;
background-color: rgba(81, 186, 164, .8);
-webkit-border-radius: 25px;
-moz-border-radius: 10px;
border-radius: 25px;
text-align: center;
color: #FFF;
font-family: Arial;
font-size: 20px;
font-weight: 600;
line-height: 10px;
cursor: pointer;
padding: 20px 25px;
margin-left: 555px;
}
.navbar .navbar_two ul li:hover {
background-color: #51baa4;
}
.navbar .navbar_two ul li a {
color: #FFF;
text-decoration: none
}
/*End navbar*/
推荐阅读
-
如何解决《C#Task.WaitAll()如何将对象状态合并为一个?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《UIActivityViewControllerGmail共享主题和正文相同》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《在长模式下更改GDT并更新CS》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《[NSNulllength]:无法识别的选择器在键盘按键上发送到实例?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《nodejs函数返回[objectObject]而不是字符串值》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《从AWSSDK,如何获取当前登录的用户名(或IAM用户)?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何创建动态子域rails》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《Android编辑文本屏蔽》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《在一段时间不活动后,在PHPCLI脚本中运行功能》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《Ruby哈希的map_values()?》经验,为你挑选了2个好方法。 ...
[详细]
-
如何解决《在设计时未设置WPF转换器抛出对象引用》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《FacebookMarketingAPI-time_range》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何模拟一个Akka演员单元测试一个类?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《RSS-Feed返回一个空字符串》经验,为你挑选了0个好方法。 ...
[详细]
-
如何解决《XGBoost分类变量:Dummification与编码》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《MVC6从另一个网站解密表单身份验证cookie》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何在工具栏的顶部和底部放置颜色线》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《一种在python中以反向/反向顺序打印链表的方法》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《如何从c++中的一个集合中随机选择一个元素?》经验,为你挑选了1个好方法。 ...
[详细]
-
如何解决《有没有办法在PySpark中读取文本文件时控制分区数》经验,为你挑选了1个好方法。 ...
[详细]
吐了个 "CAO" !
Tags | 热门标签
RankList | 热门文章
-
1Visual Studio 2015,无法更改新资源文件的访问修饰符
-
2迭代不同的类型
-
3使用UIO驱动程序映射一对中断或较小的地址空间
-
4库存大楼
-
5我应该有多少个分店?我怎么知道的?
-
6Angular和Internet Explorer 11 - 输入无法正常工作
-
7WebApi - 传递值数组
-
8Haystack说"无法找到SearchResult的模型"
-
9Ansible变量覆盖默认为另一个角色
-
10可以在目标c中使用swift中的数组简化概念吗?
-
11在wpf中显示所选列表框项的数据
-
12vb.net"if statement"包含加号
-
13如何查看matplotlib 1.5中的所有色彩贴图?
-
14在创建对象的同时在JAVA中执行静态块?
-
15DrawerLayout在更新到Android 6.0.1后停止正常工作
-
16如何在Tensorflow中打印标志描述?
-
17垂直和水平GridSplitter
-
18匹配/分组重复行(索引)
-
19Chrome扩展程序ajax发送格式错误的重音字符
-
20如何在angular-ui-grid上自定义导出网格菜单?
DevBox开发工具箱 | 专业的在线开发工具网站 京公网安备 11010802040832号 | 京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有