Loner_Li JQuery之 通过‘Select’ 标签 改变图片的透明度
来源:互联网 发布:淘宝客设置佣金比例 编辑:程序博客网 时间:2024/04/29 23:51
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://localhost:1928/js/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btnupdate').click(function () {
var value = $('#Select1 option:selected').text();
// var value = $('#Select1 option:selected').val();获取value值
$('img').fadeTo(2000, value);
});
//方法二
$('#Select1').change(function () {
var thevalue = $(this).val();
$('img').fadeTo(2000, thevalue);
})
$('#btn2').click(function () {
$('img').toggle(2000);
});
})
</script>
</head>
<body>
<div class="div1" style="position:absolute; top:40%; left:50%;">
<img alt="" src="images/smallImg.jpg" />
<br />
<select id="Select1">
<option value="0.0">0.0</option>
<option value="0.1">0.1</option>
<option value="0.2">0.2</option>
<option value="0.3">0.3</option>
<option value="0.4">0.4</option>
<option value="0.5">0.5</option>
<option value="0.6">0.6</option>
<option value="0.7">0.7</option>
<option value="0.8">0.8</option>
<option value="0.9">0.9</option>
<option value="1">1.0</option>
</select>
<input id="btnupdate" type="button" value="改变透明度" />
<input id="btn2" type="button" value="淡入淡出" />
</div>
</body>
</html>
<head>
<title></title>
<script src="http://localhost:1928/js/jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#btnupdate').click(function () {
var value = $('#Select1 option:selected').text();
// var value = $('#Select1 option:selected').val();获取value值
$('img').fadeTo(2000, value);
});
//方法二
$('#Select1').change(function () {
var thevalue = $(this).val();
$('img').fadeTo(2000, thevalue);
})
$('#btn2').click(function () {
$('img').toggle(2000);
});
})
</script>
</head>
<body>
<div class="div1" style="position:absolute; top:40%; left:50%;">
<img alt="" src="images/smallImg.jpg" />
<br />
<select id="Select1">
<option value="0.0">0.0</option>
<option value="0.1">0.1</option>
<option value="0.2">0.2</option>
<option value="0.3">0.3</option>
<option value="0.4">0.4</option>
<option value="0.5">0.5</option>
<option value="0.6">0.6</option>
<option value="0.7">0.7</option>
<option value="0.8">0.8</option>
<option value="0.9">0.9</option>
<option value="1">1.0</option>
</select>
<input id="btnupdate" type="button" value="改变透明度" />
<input id="btn2" type="button" value="淡入淡出" />
</div>
</body>
</html>
- Loner_Li JQuery之 通过‘Select’ 标签 改变图片的透明度
- 通过星级改变图片的透明度
- 通过UISlider改变图片的透明度(Swift)
- loner_li JQuery 插件之 放大镜图片效果
- winform改变图片的透明度
- 通过UISlider改变图片透明度,并且通过UISwitch控制UISlider
- 通过slider改变image的透明度
- java改变png图片的透明度
- Android中改变一个图片的透明度
- Android改变图片透明度的方法
- java改变png图片的透明度
- 通过拖动滑动块来改变图片透明度
- IE8下jQuery改变png图片透明度时出现的黑边问题
- 改变图片透明度
- SeekBar改变图片透明度
- c#改变图片透明度
- 改变图片透明度
- jquery 'this' select的改变
- POJ 3692 Kindergarten ( 最大独立点集 )
- Android 设备的位数
- ZOJ 1525 Air Raid(最小路径覆盖)
- XCODE4.6从零开始添加视图
- OGRE地形初步(附三角形简化方法概述)
- Loner_Li JQuery之 通过‘Select’ 标签 改变图片的透明度
- 45个纯 CSS 实现的精美边框效果【附源码】【上篇】
- 青春
- 解析C#委托、时间和Lambda表达式
- select into insert into select两种表复制语句
- hibernate中如何输出sql语句
- 1版本管理工具svn
- uva757 - Gone Fishing
- windows下python chardet 安装