《鼠标滑过文章列表出现描述和头像》由会员分享，可在线阅读，更多相关《鼠标滑过文章列表出现描述和头像（4页珍藏版）》请在金锄头文库上搜索。
1、鼠标滑过文章列表出现描述和头像 * margin:0; padding:0; font:normal 12px 宋体;.wrapperwidth:300px; height:auto;overflow:hidden; border:1px solid #fdd78d; background:#ffecc6; padding:5px; /*平常的状态*/dl width:100%; height:auto;clear:both; overflow:hidden;margin:8px 0px 8px 0px; dl dt display:none; dl dd dl dd strong float
2、:left; margin-right:5px; dl dd div float:left; width:270px; list-style-type:none; dl dd div h4 clear:both; font-weight:normal dl dd div h4 a float:left; color:#795601; font-size:12px; font-weight:normal; text-decoration:none; dl dd div h4 a:hover color:#f00; text-decoration:underline; dl dd div h4 s
3、pan float:right; width:75px; dl dd div p display:none; /*鼠标划过的状态*/ dl.overclear:both;height:55px;padding:5px;background-color: #FFFBF4; dl.over dt float:right; display:block; dl.over dt img border:1px solid #ccc; padding:1px; background:#fff; dl.over dd float:left; dl.over dd strong font-size:28px;
4、color:red; vertical-align:top; dl.over dd div float:left; width:195px; dl.over dd div h4 clear:both; font-weight:normal dl.over dd div h4 a color:#b34408; dl.over dd div h4 a:hover color:#f00; text-decoration:underline; dl.over dd div h4 span float:right; dl.over dd div p clear:both; display:block;
5、margin-top:5px;window.onload=function() var dl=document.getElementsByTagName(dl); if(dl.length1) return false; for(var i=0;idl.length;i+) /初始化，让第一个类为over if(dli.className.indexOf(over)=-1) dl0.className=over; /遍历循环，模拟:hover伪类 dli.onmouseover=function() for(var j=0;jdl.length;j+) dlj.className=; this
6、.className=over; 01 人气：19045懒人建站 懒人建站-解放出你的部分写代码时间来思考更高层次的设计 02 人气：34534JS代码-懒人建站 懒人建站-解放出你的部分写代码时间来思考更高层次的设计 03 人气：79789广告代码-懒人建站 懒人建站-解放出你的部分写代码时间来思考更高层次的设计 04 人气：4323建站技巧-懒人建站 懒人建站-解放出你的部分写代码时间来思考更高层次的设计 05 网页模板-懒人建站人气：6456 懒人建站-解放出你的部分写代码时间来思考更高层次的设计 06 人气：433534懒人建站 懒人建站-解放出你的部分写代码时间来思考更高层次的设计 我们为您提供-HTML+CSS模板，JS代码，
