html5css3实现图片选择 美化图片选择效果

html5-css3-实现图片选择主要js// item selection$('li').click(function () { $(this).toggleClass('selected'); if ($('li.selected').length == 0) $('.select').removeClass('selected'); else $('.select').addClass('selected'); counter();});// all item selection$('.select').click(function () { if ($('li.selected').length == 0) { $('li').addClass('selected'); $('.select').addClass('selected'); } else { $('li').removeClass('selected'); $('.select').removeClass('selected'); } counter();});// number of selected itemsfunction counter() { if ($('li.selected').length > 0) $('.send').addClass('selected'); else $('.send').removeClass('selected'); $('.send').attr('data-counter',$('li.selected').length);}

在线演示        积分下载        6毛下载        砍两刀下载