|
Убрать поставить рамку вокруг картинки по клику
OdessaNa,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#div_for_img img.border{
border: 4px solid;
}
#div_for_img img{
border: none;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function(){
var $img = $('#div_for_img img');
$img.on('click', function(e) {
$(this).toggleClass('border').css('borderColor', e.shiftKey ? '#cc0000' : '#333333')
;
});
});
</script>
</head>
<body>
<div id='div_for_img'>
<img src="http://javascript.ru/img/ws_1.png" alt="">
<img src="http://javascript.ru/img/ws_1.png" alt="">
</div>
</body>
</html>
Последний раз редактировалось рони, 12.07.2014 в 20:54.
|