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前端开发实战
大小:131.7 MB前端开发电子书
-
JavaScript和jQuery实战手册
JavaScript可以大大改进网页的动画、交互性和视觉效果,但学习该门语言不太容易。本书通过一步步引导JavaScript基础知识,展示了如何使用jQuery(即预先写好的JavaScript代码库)来节省时间和精
大小:103 MBJavaScript电子书
-
jQuery EasyUI开发指南
使用Java开发软件的开发人员一定会接触到前端开发,而前端开发有一个流行趋势,那就是插件开发。jQuery EasyUI是目前Java Web领域流行的插件开发工具。《jQuery EasyUI开发指南》主要讲述EasyUI各种
大小:48.4 MBjQuery电子书
-
jQuery Mobile从入门到精通
《jQuery Mobile从入门到精通》 一书以实例驱动的方式,用近百个实战案例讲述了jQuery Mobile及APP移动开发的相关知识,并通过5个项目案例展现开发流程。全书分为4部分,共19章:第1部分为移动开
大小:168.7 MBjQuery
-
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从学到用完美实践
本书是著名前端开发大牛阮晓龙老师爽作,HTML5、CSS3、jQuery、AJAX一站搞定,一本真正好学、实用又精彩的书,讲述了用HTML5 CSS3设计构建网站的必备知识,欢迎下载
大小:167.1 MBWeb前端电子书