当前位置：主页 > jquery教程 >

jQuery fadeTo方法调整图片的透明度用法说明

  • 更新时间：2020-06-22 08:24:11
  • 编辑：芮波鸿
 

<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>

相关教程

  • jQuery实现滚动图片效果的实例分享

    jQuery图片滚动图片的效果(另类实现)，需要的朋友可以参考一下

    发布时间：2019-11-22

  • jquery css实现动感的图片切换的效果代码

    这篇文章主要介绍了jquery+css实现动感的图片切换效果，效果实现很精致，动画简洁大方，推荐给大家，感兴趣的小伙伴们可以参考一下

    发布时间：2020-01-18

  • jQuery实现验证上传图片的格式与大小的实例方法

    在项目中，我们经常要遇到上传图片，这就需要我们必须要验证图片的格式与大小，那么如何来操作呢，今天就给大家分享一个非常简单的jQuery验证上传图片的格式与大小的代码。

    发布时间：2020-03-25

  • jQuery点击头像预览图片并上传的代码

    要实现jquery点击头像上传功能，代码可以分为两部分html和jq代码，代码非常简单，需要的朋友参考下

    发布时间：2020-01-17

  • jQuery实现鼠标经过图片变亮离开变暗的效果代码

    jQuery实现的仿商城图片变亮变暗效果，鼠标悬停图片之后该图片变亮，其他图片变暗。移开鼠标所有图片变亮，兼容主流浏览器，适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、

    发布时间：2019-08-09

  • jQuery图片轮播幻灯片特效代码整理

    这篇文章主要介绍了jQuery超精致图片轮播幻灯片特效，图片轮播效果特别适合做产品展示，感兴趣的小伙伴可以参考下。

    发布时间：2020-04-12

  • 解决IE8下jQuery修改png图片透明度时出现的黑边的问题

    这些天在做一个效果，鼠标经过，PNG图片由透明变成不透明, 但是会出现黑边，晚上查了好多办法，分别对IE8设置过滤器啊等等，都不见效果。最终在热心网友的帮助下解决了问题，下面我们就

    发布时间：2019-11-15

  • JQuery如何实现控制图片由中心点逐渐放大

    这篇文章主要介绍了JQuery控制图片由中心点逐渐放大效果的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

    发布时间：2020-03-02

  • jQuery实现图片轮播的实例代码讲解

    之前有碰到过jQuery实现列表自动滚动，这次的图片轮播在原理上与之相同，只有一些细微的差别，就是需要在图片的右下角显示当前图片的序号

    发布时间：2020-01-17

  • JQuery循环滚动文字图片实例代码

    这篇文章主要为大家提供了多种JQuery循环滚动文字图片效果代码，横向纵向循环文字或图片，感兴趣的小伙伴们可以参考一下

    发布时间：2019-10-25

  • 疯狂前端开发讲义：jQuery+AngularJS+Bootstrap前端开发实战

    疯狂前端开发讲义：jQuery+AngularJS+Bootstrap前端开发实战

    大小：131.7 MB前端开发电子书

  • JavaScript和jQuery实战手册

    JavaScript和jQuery实战手册

    JavaScript可以大大改进网页的动画、交互性和视觉效果，但学习该门语言不太容易。本书通过一步步引导JavaScript基础知识，展示了如何使用jQuery（即预先写好的JavaScript代码库）来节省时间和精

    大小：103 MBJavaScript电子书

  • jQuery EasyUI开发指南

    jQuery EasyUI开发指南

    使用Java开发软件的开发人员一定会接触到前端开发，而前端开发有一个流行趋势，那就是插件开发。jQuery EasyUI是目前Java Web领域流行的插件开发工具。《jQuery EasyUI开发指南》主要讲述EasyUI各种

    大小：48.4 MBjQuery电子书

  • jQuery Mobile从入门到精通

    jQuery Mobile从入门到精通

    《jQuery Mobile从入门到精通》 一书以实例驱动的方式，用近百个实战案例讲述了jQuery Mobile及APP移动开发的相关知识，并通过5个项目案例展现开发流程。全书分为4部分，共19章：第1部分为移动开

    大小：168.7 MBjQuery

  • jQuery api 3.3.1中文手册

    jQuery api 3.3.1中文手册

    jQuery3.3.1中文手册 是一套jQuery API 3.3.1速查表，很实用的手册，在编写jQuery查看很实用，其内包含了jquery学习过程中的各类知识点，能够让你清楚地了解每一个函数的核心内容，属性以及css框架信息，从而更好的实现编程。需要的朋友可下载试试！ 使用说明 这是目前最新版的jQuery api中文文档3.3.1版本。先解压压缩包。在打开软件。如果出现空白情况。请确保IE版本在9.0以上，或者是鼠标右击文件，选择ldquo;属性rdquo;，点击ldquo;取消限制rdquo;即

    大小：1.58 MBjQuery

  • Web前端开发HTML5/CSS3/jQuery/AJAX从学到用完美实践

    Web前端开发HTML5/CSS3/jQuery/AJAX从学到用完美实践

    本书是著名前端开发大牛阮晓龙老师爽作，HTML5、CSS3、jQuery、AJAX一站搞定，一本真正好学、实用又精彩的书，讲述了用HTML5 CSS3设计构建网站的必备知识，欢迎下载

    大小：167.1 MBWeb前端电子书

用户留言

发布评论

最新更新

热门推荐