透明度nulljQuery的fadeTo方法调整图片的透明度
2013-05-06 20:30
357 查看
上班之余抽点时间出来写写博文,希望对新接触的朋友有帮助。今天在这里和大家一起学习一下透明度null
<head>
<title></title>
<style type="text/css">
.imgclass{ width:300px; height:300px; border:solid 1px red;}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Select1').change(function () {
var thevalue = $(this).val();
$('img').fadeTo(2000, thevalue);
})
})
</script>
</head>
<body>
<table>
<tr>
<td>
透明度:
<select id="Select1">
每日一道理
俄国作家契诃夫说:“有大狗,有小狗,小狗不该因为大狗的存在而心慌意乱。所有的狗都应该叫,就让他各自用上帝给他的声音。
<option value="0">0</option>
<option value="0.2">0.2</option>
<option value="0.4">0.4</option>
<option value="0.6">0.6</option>
<option value="0.8">0.8</option>
<option value="1">1</option>
</select>
</td>
<td>
<img src="images/泪奔1.gif" class="imgclass" />
</td>
</tr>
</table>
</body>
文章结束给大家分享下程序员的一些笑话语录:
警告
有一个小伙子在一个办公大楼的门口抽着烟,一个妇女路过他身边,并对他 说, “你知道不知道这个东西会危害你的健康?我是说, 你有没有注意到香烟 盒上的那个警告(Warning)?”
小伙子说,“没事儿,我是一个程序员”。
那妇女说,“这又怎样?”
程序员说,“我们从来不关心 Warning,只关心 Error”
<head>
<title></title>
<style type="text/css">
.imgclass{ width:300px; height:300px; border:solid 1px red;}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Select1').change(function () {
var thevalue = $(this).val();
$('img').fadeTo(2000, thevalue);
})
})
</script>
</head>
<body>
<table>
<tr>
<td>
透明度:
<select id="Select1">
每日一道理
俄国作家契诃夫说:“有大狗,有小狗,小狗不该因为大狗的存在而心慌意乱。所有的狗都应该叫,就让他各自用上帝给他的声音。
<option value="0">0</option>
<option value="0.2">0.2</option>
<option value="0.4">0.4</option>
<option value="0.6">0.6</option>
<option value="0.8">0.8</option>
<option value="1">1</option>
</select>
</td>
<td>
<img src="images/泪奔1.gif" class="imgclass" />
</td>
</tr>
</table>
</body>
文章结束给大家分享下程序员的一些笑话语录:
警告
有一个小伙子在一个办公大楼的门口抽着烟,一个妇女路过他身边,并对他 说, “你知道不知道这个东西会危害你的健康?我是说, 你有没有注意到香烟 盒上的那个警告(Warning)?”
小伙子说,“没事儿,我是一个程序员”。
那妇女说,“这又怎样?”
程序员说,“我们从来不关心 Warning,只关心 Error”
相关文章推荐
- jQuery fadeTo方法调整图片的透明度使用介绍
- jQuery的fadeTo方法调整图片的透明度
- jQuery fadeTo方法调整图片的透明度使用介绍
- 【JQuery】使用fadeTo()方法设置淡入淡出效果的不透明度
- jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
- 【jQuery】使用fadeTo()方法设置淡入淡出效果的不透明度
- jQuery中fadeIn、fadeOut、fadeTo的使用方法(图片显示与隐藏)
- 图片切换jQuery的Nivo Slider使用方法
- Jquery实现动态切换图片的方法
- jquery获取下拉列表的值为null的解决方法
- 基于jQuery IE6下PNG图片背景透明问题解决方法
- jquery 图片背景透明度(支持IE5/IE6/IE7)
- aeImageResize - jQuery图片等比缩放调整插件
- jQuery处理图片加载失败的常用方法
- jQuery 事件队列调整方法
- JQuery 的 ajax 出现Origin null is not allowed by Access-Control-Allow-Origin 解决方法
- jquery实现焦点图片随机切换效果的方法
- jquery渐隐渐显的图片幻灯闪烁切换实现方法
- jquery实现根据浏览器窗口大小自动缩放图片的方法
- 网页中图片大小自动调整三种方法