-
function checklist(){ var li=document.getElementById("checkList").getElementsByTagName("li"); for(var i=0;i<li.length;i++){ li[i].onclick=function(){ if(this.className=="selected"){ this.className=null; } else{ this.className="selected"; } } } }查看全部
-
1、先在列表定义数组 2、funciton show(index){ var dd=document.getElementById("type").getElementsByTagName("dd"); for(var i=0;i<dd.length;i++){ if(i==index){ dd[i].className="selected"; }else { dd[i].className=null; } } }查看全部
-
body.div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} fieldset,img{border:0;} table{border-collapse:collapse;border-spacing:0;} ol,ul{list-style:none;} address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;} h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;} 1:before,q:after{content:"";} abbr,acronym{border:0;}查看全部
-
<link rel="stylesheet" type="text/css" href="public.css"> <style> .body{font: 12px/22px "微软雅黑";} a{color: #000000; text-decoration: none;} .type{width: 400px; height: 32px; border: 1px solid #dfdfdf; margin: 30px auto;} .type dl{height: 32px; line-height: 32px; padding-left: 15px;} .type dt{float: left;} .type dd{float: left; margin: 0 10px 0 8px;} .type dd a{display: block; position: relative; padding-left: 23px;} .type dd a:hover{color: #cc0000; text-decoration: underline;} .type dd b{width: 20px; height: 20px; background: url(radiobutton.gif) no-repeat -14px -18px; display: block; position: absolute; top: 6px; left: 0;} /*鼠标移进的雪碧图*/ .type dd a:hover b{background-position: -14px -118px;} /*默认选中的雪碧图*/ .type .selected b, .type .selected a:hover b{background-position: -14px -218px;} </style> <body> <div class="type"> <dl> <dt>配送类型：</dt> <dd class="selected"><a href="#"><b></b>全部</a></dd> <dd><a href="#"><b></b>京东配送</a></dd> <dd><a href="#"><b></b>第三方配送</a></dd> </dl></div></body>查看全部
-
background-position查看全部
-
下拉列表查看全部
-
符号运用查看全部
-
函授统计查看全部
-
词典查看全部
-
名称查看全部
-
JS动态控制样式查看全部
-
行内元素清空查看全部
-
cursor:pointer 鼠标变手型查看全部
-
需要学习到的标签及属性查看全部
-
position 定位居中有人说其实可以“其实直接left：50%-width/2；就可以了”查看全部
举报
0/150
提交
取消