-
给top里面的<a>标签设置宽高，因为<a>标签是内联元素，不能设置宽高，所以要在后面加上display：block；查看全部
-
save查看全部
-
【注意】： 要把注释删掉才有效果，注释错了查看全部
-
window.onload=function(){ // 添加页面加载完成时的事件,然后执行以下代码。 var listBtn = document.getElementById("btn1"); var carBtn = document.getElementById("btn2"); // 获取多个图片对象 var imgs=document.getElementsByTagName("img"); listBtn.onclick = function(){ // 改变按钮的class的值 listBtn.className="btn-list-on"; carBtn.className="btn-car-off" // 改变每一个图片的路径以及它的对应的父节点的class的值 for(var i=0;i<imgs.length;i++){ imgs[i].src="http://img1.sycdn.imooc.com//53ab7cf4000196c000500050.jpg"; imgs[i].parentNode.className="a-img small"; } } carBtn.onclick = function(){ listBtn.className = "btn-list-off"; carBtn.className = "btn-car-on"; for(var i=0;i<imgs.length;i++) { imgs[i].src = "http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg"; imgs[i].parentNode.className = "a-img"; } } };查看全部
-
照片卡查看全部
-
table不利于SEO（搜索引擎优化）查看全部
-
html（div、ul、li ）+css(float，overflow，background)。不用table，原因是：不利于后期维护，不利于seo。查看全部
-
实现效果查看全部
-
列表卡片 1、HTML写想写的东西； 2、CSS画想画的样式； 3、JS做想做的事情。 4、PHP要想要的数据。查看全部
-
列表样式切换效果查看全部
-
small没用处吧查看全部
-
通过脚本改变排列样式切换查看全部
-
list-style:none;//清楚序列样式(如:实心点) display:block;//作为块元素 overflow:hidden;//清楚浮动 text-align:center;//文字居中 text-decoration:none;//清楚文字修饰(如:下划线)查看全部
-
列表模式。查看全部
-
列表样式切换效果。查看全部
举报
0/150
提交
取消