mdsk.net
当前位置:首页 >> jquEry中如何加UL下lI的背景图,选中时去除背景图 >>

jquEry中如何加UL下lI的背景图,选中时去除背景图

添加 li 的背景图可用如下css样式 li{background:url('bg.png');} // 设置li元素的背景图为当前目录下的bg.pngli{background:nome;} // 取消背景图所以实现上述要求可以采用如下思路:为取消背景图样式设定一个class,点击li元素时为其应用此样

选择所有的button,点击之后,先把所有的设置成无颜色,然后点击的这个把他设置成绿色,要用this

需要准备的材料分别有:电脑、浏览器、html编辑器. 1、首先,打开html编辑器,新建html文件,例如:index.html. 2、在index.html中的<style>标签中,输入css代码: li {height: 50px;background: url(small3.png)} li:hover {background: url(small2.png)} 3、浏览器运行index.html页面,此时显示出了背景图片. 4、将鼠标移动到li标签背景图片上方,此时背景图片被改变了.

// 其实就是如何选取到的问题 $("ul li span") 这个就是选ul下的li下的span// css() 方法设置或返回被选元素的一个或多个样式属性$("ul li span").css({"background-color":"yellow","font-size":"200%"});

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html

给li添加背景图片.如果是相同的话,可以直接用 ul li{backgorund:url(xx.jpg)} 不同的话,要单独给li加样式,如.li1{backgorund:url(xx.jpg)}.li2{backgorund:url(xx.jpg)}

给li设置背景色是给一组li设置的,你hover的应该也是所有的li标签,最简洁最无脑的方法是给每个li都设置不同的class,然后通过hover具有不同的class的li来实现你的效果.也可以通过配合js添加onmouthover事件,动态的给li标签添加显示背景色的class.

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题</title> <style type="text/css"> ul li{ background: grey; margin-bottom: 1px; list-style: none; } </style> <script type="text/javascript"> function

<ul class="explain"><li></li><li></li><li></li><li></li></ul><script>$(function(){ var color=new Array("#fff","#000","#ff0000","#ff7f00"); $("ul.explain li").each(function(i,e){ $(e).css("background-color",color[i]); });})</script>

.each li a:viisit{background:#f00}这不就完事儿了么 还用的着jq

网站首页 | 网站地图
All rights reserved Powered by www.mdsk.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com