-
children()查找子元素查看全部
-
this->li; dom 0级查看全部
-
jQuery查看全部
-
javaScript onmouseover、onmouseout查看全部
-
走你~~~~~~~查看全部
-
1.当鼠标划过文字时变颜色 可利用a标签设置空的超链接，在li中设置，<a href="##"></a>但是它不是划过时变的颜色而且还有下划线，所以在前面要把这个默认项给去掉 ul li a{text-decoration:none;去掉下划线color:#000；设置文本颜色为纯黑色}划过变色加下划线可利用hover来完成，在style里设置ul li a：hover{color:#900;text-decoration:underline;} 注意：a标签是成对出现的 每一个li里都得设置 2.鼠标划过时整个li背景色发生变化 让谁变就在谁后面紧接hover属性 ul li:hover{background:#F90;color:#00F;}要文字能点击跳转就设置a标签 3 鼠标划过时有内容展开 先在每一个li下面设置dldt列表 即<dl><dt></dt><dt></dt><dl>类似的内容，注意li设置的高度，高度不够时文字会重叠在一起无法正常显示 dl里的文字是在划过时才会显示的，所以需要隐藏: ul li dl{padding-left:20px;(给li文字前面留点空格以区分)display:none;(隐藏文字)} 当鼠标划过li的时候要显示文字，这里用到了hover属性，显示的是dl里的内容，即ul li:hover dl{display:block;（显示文字）} 在li里添加的span图标当鼠标划过时要变色也是利用hover， ul li:hover span{background:#666;}查看全部
-
利用javascript完成鼠标移入和移出效果：此时的展示效果是被隐藏的即display:none; 当鼠标移入到li上，dl展示下拉效果，onmouseover为鼠标移入事件，getElementById('oDl') <ul> <li onmouseover="dl.style.display='block'"><span>*</span>舌尖上的中国 <dl><dt>……</dt></dl> </li> </ul> 如何获取我想要的Dl呢？首先给要展示的dl定义，<dl id=“oDl”> <dt>……</dt></dl>然后要让li能准确获取列表内容 即<ul> <li onmouseover="document.getElementById('oDl').style.display='block'"><span>*</span>舌尖上的中国 <dl><dt>……</dt></dl> </li> </ul> 鼠标移出事件：onmouseout让鼠标移出的时候使dl的display='none' 直接在<li>里的onmouseover后面加上对onmouseout的定义，即<li onmouseover="……" onmouseout="document.getElementById('oDl').style.display='none'">……</li> 简便方法：javascript的调用 在style里面设置<script></script> <script> function showDl() {document.getElementById('oDl').style.display='block'}(显示下拉列表)function hideDl() {document.getElementById('oDl').style.display='none'}(隐藏列表)</script> 然后在li里使用简便调用实现显示和隐藏，即<li onmouseover="showDl()" onmouseout="hideDl()">……</li> 注意：每定义一个名字都要加一个function，id的名字和show/hide的名字要对应且避免重复查看全部
-
1.当鼠标划过文字时变颜色 可利用a标签设置空的超链接，在li中设置，<a href="##"></a>但是它不是划过时变的颜色而且还有下划线，所以在前面要把这个默认项给去掉 ul li a{text-decoration:none;去掉下划线color:#000；设置文本颜色为纯黑色}划过变色加下划线可利用hover来完成，在style里设置ul li a：hover{color:#900;text-decoration:underline;} 注意：a标签是成对出现的 每一个li里都得设置 2.鼠标划过时整个li背景色发生变化 让谁变就在谁后面紧接hover属性 ul li:hover{background:#F90;color:#00F;}要文字能点击跳转就设置a标签 3 鼠标划过时有内容展开 先在每一个li下面设置dldt列表 即<dl><dt></dt><dt></dt><dl>类似的内容，注意li设置的高度，高度不够时文字会重叠在一起无法正常显示 dl里的文字是在划过时才会显示的，所以需要隐藏: ul li dl{padding-left:20px;(给li文字前面留点空格以区分)display:none;(隐藏文字)} 当鼠标划过li的时候要显示文字，这里用到了hover属性，显示的是dl里的内容，即ul li:hover dl{display:block;（显示文字）} 在li里添加的span图标当鼠标划过时要变色也是利用hover， ul li:hover span{background:#666;}查看全部
-
*{margin:o;padding:0;} .list{…… margin:0 auto;（列表居中）} h3{line-height(垂直居中):24px;font-size(字号):24px；} ul li{list-style-type(列表用什么显示)：默认为实心点 可改为square(方框)/circle(空心圆)；list-style-image（列表图标）；list-style-position(实心点的位置) 默认为outside在大框框外面} ul li{list-style：none；一般为了兼容性 把默认的系统（点）给去掉 border-bottom:1px dotted #ccc:可用于设置每一行字下面用灰色的虚线来隔开height:24px;line-height:24px;设置和标题一样的高度并垂直居中} 给li加小图标时可以直接在ul li里设置，也可以在body里的li里设置 ,在li里加内联元素span, 内联元素设置宽高是不起作用的，要有用可以在ul li span设置里添加上display:inline-block;利用text-align:center;line-height:20px;把小方框里的图居中显示查看全部
-
$('li').mouse(function(){ $(this).children('dl').css('display','block'); //表示当前的元素 $(this).children('span').addClass('on'); });查看全部
-
function showDL(obj){ var aD1 = obj.getElementByTagName('dl')[0]; aD1.style.display='block'; } <li onmouseover="showDL(this)"></li>查看全部
-
带鼠标悬停效果： ul li span{display:inline-block} ul li dl{display:none} ul li:hover dl{display:block;} ul li:hover span{background:#666;}查看全部
-
普通信息列表：<ul><li></li></ul> 修改ul li的前缀点样式：list-style-type:square(实心方块)/circle(空心圆)/disc(默认，实心圆)/decimal(数字); 去掉前缀点的样式：list-style:none; display:inline-block将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内，允许空格。 IE下实现display:inline-block: 有两种方法： 1、先使用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（两个display要先后放在两个CSS声明中才有效果，这是IE的一个经典bug，如果先定义了display:inline-block，然后再将display设回inline或block，layout不会消失）。代码如下（...为省略的其他属性内容）： div {display:inline-block;...} div {display:inline;} 2、直接让块元素设置为内联对象呈递（设置属性display:inline），然后触发块元素的layout（如：zoom:1等）。代码如下： div {display:inline; zoom:1;...}查看全部
-
6666666查看全部
-
我的代码查看全部
举报
0/150
提交
取消