jquery 透明度_使用不透明度使用jQuery显示焦点

港控/mmm° 2023-02-21 15:25 39阅读 0赞

jquery 透明度

![jQuery Opacity][]

A few days back I debuted a sweet article that made use of MooTools JavaScript and opacity to show focus on a specified element. Here's how to accomplish that feat using jQuery.

几天前，我发表了一篇精彩的文章，该文章利用MooTools JavaScript和不透明度来显示对指定元素的关注。 这是使用jQuery完成这项壮举的方法。

[View Demo][] [观看演示][View Demo]

## jQuery JavaScript **(**The jQuery JavaScript**)** ##

$(document).ready(function() {
    	//area 1
    	$('.fade-area-1').children().hover(function() {
    		$(this).siblings().stop().fadeTo(500,0.5);
    	}, function() {
    		$(this).siblings().stop().fadeTo(500,1);
    	});
    	//area 2
    	$('.fade-area-2').children().hover(function() {
    		$(this).siblings().stop().fadeTo(500,0.5);
    	}, function() {
    		$(this).siblings().stop().fadeTo(500,1);
    	});
    });

[View Demo][] [观看演示][View Demo]

There you have it. Opacity is a very simple but effective tool for building an attractive interface.

你有它。 不透明度是一种非常简单但有效的工具，可用于构建吸引人的界面。

> 翻译自: [https://davidwalsh.name/opacity-focus-jquery][https_davidwalsh.name_opacity-focus-jquery]

jquery 透明度

[jQuery Opacity]: http://imgconvert.csdnimg.cn/aHR0cHM6Ly9kYXZpZHdhbHNoLm5hbWUvZGVtby82ZGVncmVlcy9kYWdtYXJhLmpwZw?x-oss-process=image/format,png
[View Demo]: https://davidwalsh.name/demo/fade-except-jquery.php
[https_davidwalsh.name_opacity-focus-jquery]: https://davidwalsh.name/opacity-focus-jquery

发表评论取消回复

表情：

评论列表（有 0 条评论，39人围观）

还没有评论，来说两句吧...

相关阅读

相关使用OpenGL进行透明度剥离命令以实现独立透明度

使用OpenGL进行透明度剥离命令以实现独立透明度在计算机图形学中，透明度是一个重要的概念，它允许我们在渲染过程中模拟物体的透明效果。然而，当多个透明物体重叠时，渲染的结果

曾经终败给现在/ 2023年10月15日 18:36/ 0 赞/ 39 阅读

相关【Unity Shader】实现透明度测试和透明度混合

本篇开始将进行《入门精要》初级篇最后一部分的学习，完成透明效果的学习。 -------------------- 1 Unity中实现透明效果的方法一个像素的RGB

浅浅的花香味﹌/ 2023年09月26日 09:33/ 0 赞/ 66 阅读

相关 jquery 透明度_使用不透明度使用jQuery显示焦点

jquery 透明度 ![jQuery Opacity][] A few days back I debuted a sweet article that made use

港控/mmm°/ 2023年02月21日 15:25/ 0 赞/ 40 阅读

相关浅谈设置父元素透明度不影响子元素透明度

设置父元素opacity：0.5，子元素不设置opacity，子元素会受到父元素opacity的影响，也会有0.5的透明度。即使设置子元素opacity：1，子元素的opa

柔光的暖阳◎/ 2022年09月29日 06:12/ 0 赞/ 364 阅读

相关 arcgis js（六）设置不透明度

1、在上一章节我们已经能够自由切换天地图底图了，这一节继续接着上节的代码往里面添加新功能，我们知道，在地图学中地图是可以不断叠加的，即使像天地图这么庞大的地图显示也是由不同的图

雨点打透心脏的1/2处/ 2022年09月06日 15:22/ 0 赞/ 400 阅读

相关【Android】Color不透明度阵列

Color不透明度阵列 <table> <thead> <tr> <th>不透明度</th> <th>对应(16进制)</th> </tr

一时失言乱红尘/ 2022年09月03日 04:17/ 0 赞/ 227 阅读

相关 python显示图片透明度,使用Python图像库和光晕效果调整透明度

![Image 1][] There are a couple similar questions on SO, but none of them really helped

你的名字/ 2022年08月30日 05:28/ 0 赞/ 298 阅读

相关 Android颜色透明度（不透明度）计算

我们在开发过程中经常看到美工给你的标注颜色类似于`0000FF`(蓝色)这样的颜色码，然后还可能有一个不透明度（美工可能给你说的是透明度，但是这个准确来说是不透明度，下面有图为

青旅半醒/ 2022年06月14日 08:16/ 0 赞/ 562 阅读

相关颜色透明度学习

> Color:Color Properties 1.color:color |initial |inherit; 颜色|默认|继承 2.opacity（透明）: n

清疚/ 2022年06月02日 08:29/ 0 赞/ 245 阅读

相关透明度十六进制代码

解析：〈\ffffffff〉 \ffffffff由\加八位数字或字母组成，前两个ff为透明度（十六进制），后面六位ffffff为颜色代码，采用RGB配色（十六进制）

柔情只为你懂/ 2022年05月25日 10:23/ 0 赞/ 254 阅读