改变ul li中的点击效果

$(".time li").click(function(){
　　$(this).addClass("dianjbs").siblings().removeClass("dianjbs");
})；

$(".time li")获取class中的li

addClass("dianjbs")添加class，class样式自己定义；

remove掉其他子节点的class；

时间： 2024-10-12 22:04:24

改变ul li中的点击效果的相关文章

css基础 使用div块清除无序列表ul,li中的左右浮动的简单示例 clear:both

镇场诗: 清心感悟智慧语,不着世间名与利.学水处下纳百川,舍尽贡高我慢意. 学有小成返哺根,愿铸一良心博客.诚心于此写经验,愿见文者得启发.------------------------------------------ code: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"

ul&gt;li中自定义属性后取值的问题

动态赋值的li: $.ajax({ type: "POST", url: "${base}/before/subDemand/listType", success: function(data){ for(var i=0;i<data.listType.length;i++){ $("#show_type").append("<li text='"+data.listType[i].dict_key+"'

&lt;ul&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;标签问题

如题,我想用<ul><li></ul></li>标签实现select那种效果,请问要怎么实现? 就是比如这样 XML/HTML code? 1 2 3 4 5 <ul>     <li>张三</li>     <li>李四</li>     <li>王五</li> </ul> 当我选中的是张三时后台获取的是001这个值,选中李四时获取的是002这个值,选中王五时获

Android L中水波纹点击效果的实现

博主参加了2014 CSDN博客之星评选,帮我投一票吧. 点击给我投票 前言 前段时间android L(android 5.0)出来了,界面上做了一些改动,主要是添加了若干动画和一些新的控件,相信大家对view的点击效果-水波纹很有印象吧,点击一个view,然后一个水波纹就会从点击处扩散开来,本文就来分析这种效果的实现.首先,先说下L上的实现,这种波纹效果,L上提供了一种动画,叫做Reveal效果,其底层是通过拿到view的canvas然后不断刷新view来完成的,这种效果需要view的支持,

asp.net中Repeater中用ul li绑定数据

<ul class="tit1"> <asp:Repeater ID="Repeater1" runat="server"> <ItemTemplate> <li> <p class="tit1-p-1"> <img style="border: 0px;" src="/image/biaozhi.jpg" /> &

ImageView设置点击效果没有用？ImageView src的图片大小改变不了？

ImageView设置点击效果没有用? 解决 1.ImageView xml里面必须clickable 和longClickable为true <ImageView android:layout_width="@dimen/x90" android:layout_height="@dimen/x90" android:padding="@dimen/x26" android:layout_gravity="right|center

android求助：关于播放器中的“播放/暂停”键: 用ImageButton来设置点击效果时的问题

============问题描述============ 大家好,我最近遇到个问题: 大家都知道,播放器中的播放/暂停键是这样的逻辑:当用户点击了这个键,如果当前显示的是"播放"图案,会变为"暂停"图案:反之,如果当前是"暂停"图案,会变为"播放"图案 , 如此反复... 现在我正在实现这个效果,我是这样做的: 在以上的基本效果的基础上,我还添加了点击过程中的效果,就是当点下还木有松开时,会有一个点击效果(比如给当前图片加个光

用ul li实现边框重合并附带鼠标经过效果

边框重合这个效果并不难,只是我们没有真正的动手做过而已,下面让我们来谈谈用ul li如何实现边框重合,并附带鼠标经过效果 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 4 <head> 5 <title></title> 6 <style type="text/css"> 7 * { 8 margin: 0; 9 padding: 0; 10 } 11 12

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用

HTML 列表中的dl,dt,dd,ul,li,ol区别及应用 工具/原料 html,dw软件 方法/步骤 1 无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 2 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 3 定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定