Fatal编程技术网
  • jquery/
  • 在图像精灵旁边使用JQuery

在图像精灵旁边使用JQuery

jquery html css

在图像精灵旁边使用JQuery,jquery,html,css,css-sprites,Jquery,Html,Css,Css Sprites,我目前正在使用CSS和图像精灵进行导航（代码如下）。 这就像预期的那样工作，但是我想用淡入淡出来缓解这种过渡 我认为最好使用JQuery来实现这一点，但是我想离开CSS，以便为禁用Javascript的用户添加支持。有谁能为我指出如何实现这种“合作”的正确方向吗 HTML: 我会做两件事中的一件： 1） 在jQuery中尝试使用动画函数。 2） 在li中创建包装： <ul> <li><span class="bg-image" /><a href

我目前正在使用CSS和图像精灵进行导航（代码如下）。 这就像预期的那样工作，但是我想用淡入淡出来缓解这种过渡

我认为最好使用JQuery来实现这一点，但是我想离开CSS，以便为禁用Javascript的用户添加支持。有谁能为我指出如何实现这种“合作”的正确方向吗

HTML:

我会做两件事中的一件：

1） 在jQuery中尝试使用
动画
函数。
2） 在
li
中创建包装：

<ul>
    <li><span class="bg-image" /><a href="#"></li>
</ul>
重复并使用非热图像进行mouseout。我假设您将在非热状态下使用透明的占位符类型图像，请确保热类的宽度/高度相同。

我将执行以下两种操作之一：

1） 在jQuery中尝试使用
动画
函数。
2） 在
li
中创建包装：

<ul>
    <li><span class="bg-image" /><a href="#"></li>
</ul>
重复并使用非热图像进行mouseout。我假设您将使用一个透明的占位符类型的图像作为非热状态，确保热类的宽度/高度相同。

在主体中添加一个类，并在打开后使用javascript将其删除

<body class="nojs">
<script>$("body").removeClass("nojs").addClass("js")</script>
并且只为激活javascript的用户创建规则

.js #boton1 {}
在主体中添加一个类，并在打开后使用javascript将其删除

<body class="nojs">
<script>$("body").removeClass("nojs").addClass("js")</script>
并且只为激活javascript的用户创建规则

.js #boton1 {}

.js #boton1 {}