ie8 jquery做图片淡入淡出有锯齿

xx6965921xx 2013-01-23 02:40:57

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script src="http://lib.sinaapp.com/js/jquery/1.6.2/jquery.min.js"></script>

<script type="text/javascript">
/*鼠标经过降低增加透明度离开降低透明度*/
$(document).ready(function(){

$('.header_s_li ul li').hover(function() {

$(this).animate({
opacity:1,
}, 500, function() {
// Animation complete.
});
},function() {

$(this).animate({
opacity:0.3,
}, 100, function() {
// Animation complete.
});
});
});
/*鼠标点击降低增加透明度离开不降低透明度*/
$(document).ready(function(){

$('.header_s_li ul li').click(function() {
$(this).unbind("mouseleave");
$(this).animate({
opacity:1,
}, 0, function() {
$('.header_s_li ul li').not(this).animate({
opacity:0.3,
});
});
});
});
</script>
<style>
.header_s_li
{
width:245px; height:43px;
}
.header_s_li ul li
{
width:43px; height:43px; float:left; margin-left:6px; _margin-left:3px;
opacity: 0.3; overflow:hidden;

}
.header_s_li ul li a
{
width:100%; height:100%; display:block;
}
.header_s_li ul li.h1
{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

opacity:1;
}
.header_s_li ul li.h1
{
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);

opacity:1;
}
</style>
</head>

<body>
<div class="header_s_li">
<ul>
<li class="h1"><a href="#"><img class="ddd" src="http://img02.taobaocdn.com/imgextra/i2/723902727/T2WNeFXoXbXXXXXXXX_!!723902727.png" /></a></li>
<li><a href="#"><img class="ddd" src="http://img02.taobaocdn.com/imgextra/i2/723902727/T2WNeFXoXbXXXXXXXX_!!723902727.pngg" /></a></li>
<li><a href="#"><img class="ddd" src="http://img02.taobaocdn.com/imgextra/i2/723902727/T2WNeFXoXbXXXXXXXX_!!723902727.png" /></a></li>
<li><a href="#"><img class="ddd" src="http://img02.taobaocdn.com/imgextra/i2/723902727/T2WNeFXoXbXXXXXXXX_!!723902727.png" /></a></li>
<li><a href="#"><img class="ddd" src="http://img02.taobaocdn.com/imgextra/i2/723902727/T2WNeFXoXbXXXXXXXX_!!723902727.png" /></a></li>
</ul>
</div>
</body>
</html>

...全文

212 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

斯洛文尼亚旅游 2013-01-23

打赏
举报

.header_s_li ul li { width:43px; height:43px; float:left; margin-left:6px; _margin-left:3px; opacity: 0.3; overflow:hidden;background:#ffffff; } 加一个背景色就好了

源码链接： https://pan.quark.cn/s/a4b39357ea24 ### Ubuntu 用户磁盘空间分配与 Linux 硬盘分区方案深入剖析 #### 标题与描述中的核心知识要点说明本文件将系统性地阐释在 Ubuntu 操作系统中如何为用户科学地分配磁盘空间，并深入分析适用于 Linux 的硬盘分区策略。文件不仅会介绍基础的目录结构及其功能，还会提供具体的分区指导以及在实际操作过程中需要留意的事项。 #### 目录结构及其功能说明 - **/bin**：系统常用基础命令的存储位置。 - **/boot**：包含启动时所需文件，例如内核镜像和初始化脚本等。 - **/dev**：存放设备文件。 - **/etc**：存储系统配置信息。 - **/home**：用户个人目录，每个用户拥有独立的子目录。 - **/lib**：存放运行二进制文件所需的共享库。 - **/mnt**：用于临时挂载其他文件系统的目录，可用于挂载软盘或 CD-ROM 设备。 - **/proc**：虚拟文件系统目录，存储当前运行内核的相关信息。 - **/root**：超级用户(root)的主目录。 - **/sbin**：系统管理程序的存放位置。 - **/tmp**：临时文件存储的目录。 - **/usr**：存放只读数据，包括应用程序的可执行文件和文档等。 - **/var**：存储可变数据文件，例如日志文件和邮件队列等。 - **/X11R6**：X Window 系统的安装路径。 #### 硬盘分区策略分析文件中强调，在 Linux 环境下进行硬盘分区时需要综合考量多个因素，以确保系统的稳定运行和性能表现。以下是一些关键的分区建议： 1. **/boot ...

代码转载自：https://pan.quark.cn/s/4f1937b2c732 Quartus Prime是由Altera公司（现已被Intel公司所收购）研发的一款集成化电子设计自动化软件，其主要应用领域在于Field-Programmable Gate Array（现场可编程门阵列）以及Complex Programmable Logic Device（复杂可编程逻辑器件）的设计、仿真、综合、布局布线以及编程等任务。在本案例中，所提及的为Quartus Prime 17.1版本的安装程序，该程序内含器件库文件及其他相关组件，适用于Windows 10 64位操作系统环境，并且已有相关测试验证其可用性。 **1. Quartus Prime概述** Quartus Prime是Altera/Intel公司FPGA设计流程的核心工具，它提供了一个集成化的开发平台，支持从设计概念到硬件实现的完整过程。该软件不仅涵盖了逻辑综合、时序分析、仿真、物理设计等基础功能，还包含了高速接口IP核、嵌入式处理器系统、内存资源管理等多种高级特性。 **2. Quartus Prime 17.1版本的新增功能** - QSYS系统构建工具的优化：17.1版本可能对QSYS系统进行了升级，使得系统集成更为便捷，支持更多的外部设备和处理器模型。 - 性能提升：可能增强了综合和布局布线的效率，降低了设计的功耗和面积。 - 新器件支持：可能会增加对最新发布的Altera FPGA和CPLD产品的支持，如Arria 10、Cyclone 10等系列产品。 - 调试功能的改进：可能强化了硬件调试工具，如JTAG调试和软件调试器的性能。 **3. 器件库文件** 器件库文件是Quartu...

超高逼真度的职场模拟效果。软件1:1复刻Trae AI、VIBE、VS Code等六大主流编程IDE界面，全自动模拟AI代码生成、调试报错、终端编译等完整流程。自带自然随机动画节奏，杜绝机械虚假感，配备应急快捷键极速避险。单文件离线免部署、无广告无联网，轻量化纯净好用，轻松缓解日常编码工作压力。

dotnet 资源 dotnet_8.0.10_64bit_Setup

KMP预习使用，配合我的博文KMP讲解。 yuyancheng28 原创PPT，转载请声明。