jqmobi 子菜单 高亮效果

在jqmobi 中经常用到一个 子菜单 单击某一个选项 希望能高亮;所以我是这样做的
1.HTML的页面显示是这样的

1           <div class="order_subheader01" id="list_onclick">
2             <li class="activeli"><a href="" >默认</a></li>
3             <li><a href="">新品</a></li>
4             <li><a href="">推荐</a></li>
5             <li><a href="">价格</a></li>
6             </div>

2.当点击是,处理的效果 函数如下

$("#list_onclick>li").on(‘click‘, function(event) {
    event.preventDefault();
    /* Act on the event */
     $("#list_onclick > li").not(event.currentTarget).removeClass("activeli");
     $(event.currentTarget).addClass("activeli");
});

  

3.其中的CSS是这样的

/*商品列表 子菜单 按下时 li a 的CSS*/
.activeli a{
	  color: rgb(193,35,135) !important;
}
.activeli{
		border-bottom: rgb(193,35,135) solid 1px !important;
}

  

时间: 2024-10-13 17:38:02

jqmobi 子菜单 高亮效果的相关文章

【凯子哥带你夯实应用层】使用ActionProvider实现子菜单时遇到的一个坑

转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 最近在重温Android基础,在看到ActionProvider的时候遇到一个坑,分享到大家,避免入坑. 首先简单介绍下ActionProvider. ShareActionProvider你应该用过吧?就是使用系统自带的分享功能,其实ShareActionProvider就是ActionProvider的一个子类,可以在ActionBar上面显示为一个MenuItem,但是我们可以自定义事件行为,所以我

WPF:设置弹出子菜单的是否可用状态及效果

需求: 设置弹出子菜单(二级)项仅首项可用,其他项均不可用:不可用是呈灰色效果. 注: 菜单项都是依据层级数据模板.具体格式如下: StackBlock{TextBlock{Image}.TextBlock}} 问题: 1.窗体加载后,获取不到二级子菜单控件(二级菜单项弹出后,可获取所有二级子菜单). 注:仅能获取一级菜单控件,但能获取二级子菜单绑定的数据源. 2.层级数据模板内StackBlock设置为不可用时(绑定数据源实现),弹出子菜单不可用,但恢复程序中恢复StackBlock设置为可用

使用JS制作子菜单效果

在网页中,我们最常见的是菜单的效果,而菜单的制作方法有很多种. 如果不使用到JS的话,它的制作方法是这样: 而使用JS,可以制作成这样: 这样同样可以使页面出现二级菜单的效果,这种二级菜单的制作好处是二级菜单打开不会出现占用下面的内容的情况,使排版布局更清晰.

UI-切圆角、透明度、取消按钮点击高亮效果、按钮文字带下划线

一.切UIView的某个角为圆角 如果需要将UIView的4个角全部都为圆角,做法相当简单,只需设置其Layer的cornerRadius属性即可(项目需要使用QuartzCore框架).而若要指定某几个角(小于4)为圆角而别的不变时,怎么做呢? 其实很简单,使用UIBezierPath,设置CAShapeLayer,给UIView设置遮罩效果即可. // 图标左上.左下切圆角 UIBezierPath *phoneIconPath = [UIBezierPath bezierPathWithR

带下拉子菜单的导航菜单

一.带下拉子菜单的导航菜单 下拉菜单在一些企业网站应用尤为广泛,它存在使用方便,占用空间小等特点.之前纵向导航教程中已使用过二级导航,今天制作下横向导航菜单的二级菜单,方法和纵向一样,只不过由纵向改变为横向而已,下面我们以上一章第二节用图片美化的横向导航中的实例进行修改. 先在html代码增加二级菜单的代码: <div id=”menu”><ul><li><a id=”current” href=”#”>首页</a></li><

激活当前视图菜单高亮呈现 V2.0

前一段时间,Insus.NET有分享一篇<激活当前视图菜单高亮呈现>http://www.cnblogs.com/insus/p/5287093.html 这篇只是同一控制器的菜单. 今天分享一篇,是随不同的控制器,呈现一个网站菜单导向.找到一个网站:http://www.engtek.com/services.html ,这个网站除了首页,其它子页均有一个菜单导向: 上图3个标记,它会随所进入的子页不同作相应的变化,标记#1显示菜单文本,标记#2,导航菜单,标记#3是背景图片. 一般情况之下

【转】 Pro Android学习笔记(三一):Menu(2):扩展、图片、子菜单

目录(?)[-] 菜单扩展 菜单项加入图片 子菜单 菜单扩展 如果菜单项很多,超过六个时,就会采用菜单扩展模式.在例子中我加入了10个菜单项,预计能进入菜单扩展模式,但是实际效果如右图所示.效果和list非常相似,如果继续增加菜单项,可以通过上下拖动,来查看未能显示在屏幕上的菜单项.对于list模式,不能在菜单项中加入图标,也影响了我们下一步试验. 对于Android 4.0,系统缺省的UI风格有所变化,如果我们仍希望采用原有的显示方式,可以通过为Activity设置theme,指定风格,经过测

【IOS】关于处于表视图行单元 contentView 中的 UIButton 短按不产生高亮效果的

在做demo时, 发现 UITableViewCell 中的 UIButton 短按一次看不到默认的变灰效果, 停留稍长才能变灰, 比如twitter官方客户端用户头像, 微博的转评赞三按钮. 微博各类客户端的头像和其他按钮也是这样, 头像很多直接是imageView加手势. 这方面细节处理的最好的是 Instagram 不管短按长按都会灰, 这样才有打击感. 经一番搜索之后得知 UITableView 做为 UIScrollView 的子类,拥有 delaysContentTouches 的布

ASP.NET MVC动态生成网站菜单及子菜单

在开发ASP.NET MVC网站时,Insus.NET想实现动态产生网站的主菜单及子菜单. 你需要在网站管理后台管理此2张表(Menu,SubMenu)的信息,添加,删除,编辑,更新等. Sequence字段是序号.主菜单按此序号排序.IsMenu字段,添加上来的,不一定是菜单字段. 下面Insus.NET有此表添加的内容如下: 以上上主菜单,下面再来看来看看子菜单,结构与数据: 在子菜单的表结构中,也有一个Sequence字段,这个字段也是序号,不过它是按Controller字段来排序的.可以