|
10
1524
|
<html>
<head>
<style type="text/css">
body {background-color: #442266;}
.box{background-color:#224466;left:0;right:0;bottom:0;margin:auto;position:absolute;top:0;height:500px;width:500px;color:#ffffff;}
</style>
</head>
<script type="text/javascript">
/*HUSK Å IMPORTERE JQUERY BIBLIOTEKET*/
$(document).ready(function(){
$("#box").hover(function() {
$(this).css('box-shadow','10px 10px 5px #888888');
}, function() {
$(this).css('box-shadow','0px 0px 0px #ffffff');
});
});
</script>
<body>
<div id="box" class="box">
</div>
</body>
</html>
.thumb:hover {
border-bottom: 1px solid #ccc;
}
.img:hover
{
box-shadow: 10px 10px 5px #888888;
}
<html>
<head>
<style type="text/css">
#container
{
height: auto;
width: 300px;
padding: 10px;
display: block;
}
#img
{
height: 234px;
width: 267px;
display: block;
}
#img:hover
{
box-shadow: 5px 5px 5px #888888;
}
#text
{
height: auto;
width: 260px;
margin-top: 20px;
padding-left: 10px;
font-family: tahoma;
font-size: 25px;
color: #6666FF;
display: block;
}
</style>
</head>
<body>
<div id="container">
<img src="image.jpg" id="img" />
<p id="text">Some text</p>
</div>
</body>
</html>
.img:hover
{
box-shadow: 10px 10px 5px #888888;
}
<script type="text/javascript"
$(document).ready(function(){
$("#box").hover(function() {
$(this).css('box-shadow','10px 10px 5px #888888');
}, function() {
$(this).css('box-shadow','0px 0px 0px #ffffff');
});
});
</script>
4: $(this).css('box-shadow','10px 10px 5px #888888');
6: $(this).css('box-shadow','0px 0px 0px #ffffff');
|
|
