 Lid |
|
Je heb 2 divjes.
1 div wordt de trigger en de buitenste div wordt weg geschoven.
Hier een voorbeeld
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Slider</title>
<style type="text/css">
#slider {
background-color: #999;
height: 100px;
width: 300px;
}
#slidertrigger{
background-color: #f99;
width:30px;
height:20px;
}
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_effectSlide(targetElement, duration, from, to, toggle)
{
Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
}
</script>
</head>
<body>
<div id="slider">
<div id="slidertrigger" onclick="MM_effectSlide('slider', 1000, '100%', '0%', false)"></div>
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> #slider { background-color: #999; height: 100px; width: 300px; } #slidertrigger{ background-color: #f99; width:30px; height:20px; } <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script> <script type="text/javascript"> function MM_effectSlide(targetElement, duration, from, to, toggle) { Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle}); } <div id="slidertrigger" onclick="MM_effectSlide('slider', 1000, '100%', '0%', false)"></div>
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
