$(this).click(function(){ if($(this).hasClass(“zxx_fri_on”)){ $(this).removeClass(“zxx_fri_on”); }else{ $(this).addClass(“zxx_fri_on”); } return false; });添加或去除元素集合的class name1.
转载 2023-09-05 19:03:41
270阅读
jQuery的属性与样式之切换样式.toggleClass()在做某些效果的时候,可能会针对同一节点的某一个样式不断的切换,也就是addClass与removeClass的互斥切换,比如隔行换色效果jQuery提供一个toggleClass方法用于简化这种互斥的逻辑,通过toggleClass方法动态添加删除Class,一次执行相当于addClass,再次执行相当于removeClass.togg
转载 2024-09-15 16:32:08
30阅读
# 使用jQuery设置liactive状态 在网页开发中,有时候我们需要根据用户的操作来设置页面中的某个元素为活动状态(active)。比如说,在一个导航栏中,当用户点击某个菜单项时,我们希望该菜单项显示为活动状态,而其他菜单项则保持非活动状态。 在这种情况下,我们可以使用jQuery来实现这一功能。jQuery是一个快速、简洁的JavaScript库,它使我们能够更方便地操作DOM元素、
原创 2024-03-27 05:04:35
222阅读
.contentT{ clear:both; border-top:1px solid #fff; border-left:1px solid #fff;}.contentT ul{ width: 300px; }.contentT li{ float:left; list-style-type:none; height:14px; width:52px; display:bl...
qt
转载 2007-06-16 08:00:00
906阅读
转载:感觉写的挺见解的,借鉴过来,以备后用。li 不换行 ------不换行的策略: 不换行原理:ul 和 li 默认都是 display:block; 的标签,可以通过2种方式实现 li 的 不换行显示:* 将 li 设为 display:inline; ,然后通过 marging 和 padding 设置 li 的间距,* 将 li 设为 float:left; ,然后通过
原创 2013-11-18 15:24:31
394阅读
li{font-size:9pt;padding:3px;width:220px;list-style:none;}li:hover{background:skyblue; padding:3px;border:1px solid#003399;}
原创 2022-07-22 12:50:42
190阅读
LI代码的格式化:A).运用CSS格式化列表符: ul li{list-style-type:none;}例如下面的: 供求信息 B).如果你想将列表符换成图像,则: ul li{ list-style-type:none;   font-size:12px; list-style-image: url("csdnindex_pic35.gif"); vertical-align:middle;}...
转载 2009-12-28 21:20:00
779阅读
2评论
之前我基本都没用过动画,一般都用canvas做一些画图之类的。在前几次的vilin开发中,有过几个动画效果的需求,于是我学习了一下css的动画,这里简单记录一下。 css动画的特点就是简单,通过 css3创建的动画可以取代动画图片、Flash以及 JS等。常见CSS动画效果动画顾名思义可以动的图画,而这个“动”指的就是我们常见的图像变换:平移、旋转、放大、缩小,另外还包括颜色的变化:颜色加深变浅等
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>练习 分页</title>        <link type="text/css" href="css/sty
css
原创 2021-07-05 13:38:21
167阅读
第一步:建立一个无序列表我们先建立一个无序列表,来建立菜单的结构。代码是:<ul><li><a href="1">首页</a></li><li><a href="2">产品介绍</a></li><li><a href="3">服务介绍</a></li><li><a href="4">技术支持</a></li>&lt
转载 2011-09-24 10:17:00
1031阅读
2评论
我直接写了个案例,先看下效果图: 下面是h...
转载 2018-03-09 20:33:00
228阅读
2评论
我直接写了个案例,先看下效果图: 下面是html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>机构动态</title> <style type=&quot
原创 2018-03-09 20:33:05
1156阅读
这篇文章主要介绍了移动端网页解决CSSactive伪类无效的方法,注意一下移动端各个浏览器主键。该伪类下定义的CSS样式只在按下鼠标
Document 12313 by jubdit 12313 by jubdit 12313 by jubdit 12313
转载 2018-01-31 09:51:00
1155阅读
2评论
先给一个简单的示例HTML代码 ​​​​   <body>      <form id="form1" runat="server">       <div id="title">       <ul id="list" >       <li>标题一</li>       <li>标题二</li>  
转载 2017-08-11 17:20:00
1063阅读
2评论
.relatebar li{width:98px;height:146px;padding:5px;float:left;border-left:1px solid #ccc;}.relatebar li:first-child{border-left:0px solid #ccc;}.lanmu3...
转载 2015-07-14 16:03:00
441阅读
2评论
转载 2009-08-09 01:21:00
432阅读
  ul和li列表是使用CSS布局页面时常用的元素。在CSS中,有专门控制列表表现的属性,常用的有list-style-type属性、list-style-p_w_picpath属性、list-style-position属性和list-style属性。   一、list-style-type属性   list-style-type属性是用来定义li列表的项目符号的,即列表前面的修饰。list
原创 2011-04-10 22:55:27
8029阅读
首先贴一段html代码: 我们想设置a标签,使得鼠标移入的时候有提示信息。但是如果原生的css,a标签中没有内容的话,其大小是0*0,无法达到效果 我们进行如下设置: 把li设置为 inline,把a设置为block并且设置高度为100%
转载 2018-05-14 17:12:00
627阅读
2评论
 CSS伪类,是一种特殊的类,它针对到CSS选择器起作用,使选中的标签或元素产生特定的效果。 CSS伪类的语法就是: 选择器 : 伪类名 { 属性 : 属性值 } 用的最多的伪类就是超链接a的伪类,有:link,:visited,:hover,:active,而且需要按照这个顺序设置,有个简单的记法是,取首字母组成 love hate,记住“爱恨”就行了。 
  • 1
  • 2
  • 3
  • 4
  • 5