js 淘宝首页的拼音排序效果

时间:2021-05-26

无标题文档 dl,dd,dt { margin:0; padding:0; } #qq { width:600px; overflow:hidden; height:500px; margin:0 auto; background:#fafafa; padding:15px; } #qq span { display:block; width:80px; height:25px; line-height:25px; float:left; } dl { width:500px; line-height:25px; overflow:hidden; height:200px; padding-left:1px; position:relative; } dd { float:left; border-left:1px solid #ccc; margin-left:-1px; padding:1px 5px 0; display:inline; } dt { width:99%; height:100px; border:1px solid #f00; position:absolute; left:0; top:26px; } dd a{display:block;padding:1px 5px 0 5px;font-weight:bold;} .first {border:0 none;margin-left:0;} .qq { border:1px solid #f00; border-bottom:0 none; z-index:20; padding:0 4px 0 5px; position:relative; margin-left:-1px; background:#fff; } dd:hover dt {display:block;} 音序

abc
ghi
xyz
klu
vbm
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章