css中的li 点击后增加样式 请帮我修改一下 代码 谢谢

html-css019

css中的li 点击后增加样式 请帮我修改一下 代码 谢谢,第1张

$("li").click(function () {

$("li").css("color", "#000")//把字体改为红色，根据自己喜欢的样式改

如要改多个样式：$("li").css({"color": "#000"},{"属性":"值"}.............)

})

假如你hover的样式和click的样式相同，那你把这相同的样式写两个不同的类名，

$("li").on({

mouseenter: function(){

$(this)..addClass("hover_active")

},

mouseleave: function(){

$(this).removeClass("hover_active")

},

click: function(){

$("li.clickactive").removeClass("clickactive")

$(this).addClass("clickactive")

}

})

注意，这里的clickactive和hoveractive是两个样式相同的类，只是名字不同，这样removeClass的时候就不会把click的样式也去掉了

可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto就可以实现了；现在来看下面一段代码：

CSS样式设置：

#info_main{text-align:centerborder:1px solid

#CCCwidth:620px}

#info_main li{width:autofloat:leftmargin:0px 8px

padding:0pxborder:1px solid #CCC}

网页代码：

<div

id="info_main">

<ul>

<li>时间：{dede:field name='pubdate'

function='strftime("%Y-%m-%d %H:%M","@me")'

/}</li>

<li>来源：{dede:field.source/}</li>

<li>作者:{dede:field.writer/}</li>

<li>点击:<script

src="{dede:field

name='phpurl'/}/count.php?view=yes&aid={dede:field

name='id'/}&mid={dede:field name='mid'/}"

type='text/javascript'

language="javascript"></script>次</li>

</ul>

</div>

显示效果如下图：