type类型为range的input标签,value值改变随即执⾏的事件当改变range的value值时,不⽤松开⿏标就能触发改变事件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
img{
width: 200px;
}
</style>
</head>
<body>
<script src="js/jquery.min.js"></script>
<input id="size" type="range" max="1000" min="100" value="100" step="50" />
<p>
<img src="img/timg.jpg" id="pic"/>
</p>
<script type="text/javascript">
$('#size').on('input propertychange',function(){
$('#pic').css('width',$('#size').val() + 'px');
})
</script>
</body>html input type属性
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论