jquery练习——简单的图片结果展示效果--cnblogs libsource/
#cfoot ul,#cfoot li{
margin:0;padding:0;list-style-type:none;
}
#cdiv{
width:500px;height:500px;line-height:500px;text-align:center;border:1px solid #D5DDF9;margin:30px;float:left;
}
#cfoot li{
display:inline-block;width:100px;height:100px;line-height:100px;float:left;text-align:center;border:1px solid
#D5DDF9;margin-right:20px;cursor:pointer;
}
#cfoot li.cur{
border:1px solid #ffcc33;
}
#cleft,#cright{
float:left;text-align:center;width:50px;height:500px;display:inline-block;cursor:pointer;
}
#cright{
float:right;
}
.clearfloat{
clear: both;height: 0;font-size: 1px;line-height: 0px;
}
>
图片1
缩略1
缩略2
缩略3
缩略4
缩略5
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
推荐阅读
javascript 导出数据到Excel(处理table中的元素)
做法: 修改Input的outerHTML; 具体例子: 复制代码 代码如下: function resetInput() { var controls = document.getElementsByTagName('input'); for(var i=0; i<controls.length; i++){ if(controls[i].type=='>>>详细阅读
本文标题:jquery 简单的图片展示效果
地址:http://www.17bianji.com/kaifa2/JS/27473.html
1/2 1