<style type="text/css">
|
.child {
|
float: left;
|
/*margin-left: 20px;*/
|
margin-top: 20px;
|
}
|
|
.child.active {
|
box-shadow: 0px 0px 20px 2px #23bdea;
|
}
|
</style>
|
<script>
|
var timer = null;
|
$(function () {
|
var width = $("#parentDiv").width();
|
var num = parseInt(width/278);
|
var marleft = (width - num * 278)/(num+1);
|
if(marleft < 20){
|
$(".child").css("margin-left",(width - (num-1) * 278)/(num));
|
}else{
|
$(".child").css("margin-left",marleft);
|
}
|
$(".child").click(function () {
|
var dom = this;
|
if (timer != null) {
|
clearTimeout(timer);
|
}
|
timer = setTimeout(function () {
|
//初始化一个延时
|
if ($("#resMainInfoId").val() == undefined || $("#resMainInfoId").val() == "") {
|
$(".child").removeClass("active");
|
$(dom).addClass("active");
|
$("#hidResourceClass").val(dom.getAttribute("value"));
|
AddResourceFlow(dom.getAttribute("value"), false);
|
}
|
}, 250);
|
});
|
$(".child").dblclick(function () {
|
//资源类型双击事件进入下一步
|
if (timer != null) {
|
clearTimeout(timer);
|
timer = null;
|
}
|
if ($("#resMainInfoId").val() == undefined || $("#resMainInfoId").val() == "") {
|
$(".child").removeClass("active");
|
$(this).addClass("active");
|
$("#hidResourceClass").val(this.getAttribute("value"));
|
AddResourceFlow(this.getAttribute("value"), true);
|
}
|
})
|
});
|
</script><input type="hidden" id="hidResourceClass" value="" />
|
<div xmlns="http://www.w3.org/1999/xhtml" xmlns:layout="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
|
<div id="parentDiv">
|
<div class="child" value="SJKB">
|
<img src="/image/classimg/SJKB.gif" />
|
</div>
|
<div class="child" value="JKFW">
|
<img src="/image/classimg/JKFW.gif" />
|
</div>
|
<div class="child" value="SJWJ">
|
<img src="/image/classimg/SJWJ.gif" />
|
</div>
|
<div class="child" value="YWJC">
|
<img src="/image/classimg/YWJC.gif" />
|
</div>
|
<div class="child" value="KJ_JCDT">
|
<img src="/image/classimg/KJ_JCDT.gif" />
|
</div>
|
<div class="child" value="KJ_ZTDT">
|
<img src="/image/classimg/KJ_ZTDT.gif" />
|
</div>
|
<div class="child" value="KJ_KJFX">
|
<img src="/image/classimg/KJ_KJFX.gif" />
|
</div>
|
<div class="child" value="KJ_SWMX">
|
<img src="/image/classimg/KJ_SWMX.gif" />
|
</div>
|
<div class="child" value="KJ_YWTC">
|
<img src="/image/classimg/KJ_YWTC.gif" />
|
</div>
|
</div>
|
</div>
|