利用fadeTo改变元素的不透明度代码

有很多的图片网站中有这样的一种效果：鼠标划过某个元素的时候，与他同级的其他元素的透明度会降低，突出显示这个元素，比如聚美优品的网站就多少用到了这个特效，效果图如下：

不多说，干货代码如下：

html部分：

css部分：

javascript部分：

太原雅辉装修公司的网站为了更好的优化，没有用js特效，并不是说js影响优化，而是网站一切操作都要满足用户需求，做好用户体验。太原雅辉装修公司的首页banner部分以后还有别的用处，就没有做轮播效果！

技术支持

<a href="http://www.0351zhuangxiu.com">太原装修网</a>

时间： 2024-08-24 18:46:47

利用fadeTo改变元素的不透明度代码的相关文章

CSS实现的鼠标滑过改变链接文字实例代码

CSS实现的鼠标滑过改变链接文字实例代码: 鼠标滑过的时候,有时候需要改变链接中的文本,这个如果使用js就比较好实现,当然使用CSS也并不难,下面就是一段这样的代码实例,下面就做一下介绍,希望对需要的朋友带来一定的帮助. 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http

利用|,&,^,~,<<,>>>写出高效艺术的代码

简介: 大家在阅读源码的时候经常会看到一些比如下面这样特别难理解的代码. cancelEvent.setAction(MotionEvent.ACTION_CANCEL | (motionEvent.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT)); order = ((order) >> (INDEX_OFFSET -1) + 1) << INDEX_OFFSET; 类似与这种"高大上&

巧妙利用访问时间提取和重组代码的实践

说明本文主要介绍巧妙利用访问时间提取和重组某嵌入式产品SDK代码的实践. 一问题提出目前产品平台为便于编译管理,要求各模块组织为include-source目录结构,分别存放头文件和源文件.但芯片厂家提供的SDK按功能划分为众多子目录,如subdir1(.c,.h)…subdirN(.c,.h)…Makefile,并将头文件和源文件一并存放在各子目录内. 此外,厂家SDK支持多种管理场景,通过选项开关编译不同的目录和文件.而产品硬件定板后管理场景固定,其他场景所涉及的代码将不再需要. 因

【VC编程技巧】窗体?3.4利用bitmap改变对话框的背景。

效果图: 代码: 1.在对话框初始化函数OnInitDialog中加载bitmap,然后创建新的画刷. // CBitmapDemoDlg メッセージハンドラー BOOL CBitmapDemoDlg::OnInitDialog() { CDialogEx::OnInitDialog(); // "バージョン情報..." メニューをシステムメニューに追加します. // IDM_ABOUTBOX は.システムコマンドの範囲内になければなりません. ASSERT((IDM_ABOUT

jquery插件之拖拽改变元素大小

该插件乃本博客作者所写,目的在于提升作者的js能力,也给一些js菜鸟在使用插件时提供一些便利,老鸟就悠然地飞过吧. 此插件旨在实现目前较为流行的拖拽改变元素大小的效果,您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高.整体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitiona

巧妙使用Jquery 改变元素的 onclick 事件

需要点击图片将套组发布, 页面代码: Html代码 <img width="20px" src=" <s:property value="IMAGES_PATH" /><s:if test='%{releaseStatus == "YES"}'>pubed.png</s:if> <s:else>nopub.png</s:else>" onclick=&quo

在不改变元素的显示属性的情况下，元素都是可以设置宽度的，并且能够设置成功，这句话是否正确？

在CSS中,html中的标签元素大体被分为三种不同的类型: 块状元素.内联元素(又叫行内元素)和内联块状元素. 常用的块状元素有: <div>.<p>.<h1>-<h6>.<ol>.<ul>.<dl>.<table>.<address>.<blockquote> .<form> 什么是块级元素? 在html中<div>.<p>.<h1>

改变元素大小

<!DOCTYPE html><html><head> <title>改变元素大小</title> <style type="text/css"> div{ width: 200px; height: 200px; background-color: red; border: solid; /*如果想调整一个元素像textarea那样随意改变大小我们可以使用resize 属性有 horizontal 可以改变元素