问题标签 [rollovers]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
169 浏览

php - 带有一些 php 的 jQuery 翻转

我正在尝试使用 jQuery 进行一些翻转。问题是必须使用一些 php 代码来获取图像源。

如果我使用 javascript 像这样内联它,它可以工作:

$thumburl 变量就是这样;特定缩略图的 url。thumbgen 位进行一些大小和颜色转换。当他们在一起时,他们给了我一个黑白和彩色图像的网址,可以交换。我正在使用 WordPress,所以我必须使用 php 而不仅仅是指定图像 src,因为大小和颜色转换是自动为用户完成的。

第一个问题,像这样做内联代码很糟糕吗?第二。由于 php.ini 的原因,我正在努力为翻转编写一个 jQuery 函数。我想它会是这样的:

但我不知道在哪里包括这个: $thumburl = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );

你甚至可以将 php 和 jQuery 合二为一吗?

谢谢

0 投票
1 回答
457 浏览

jquery - 使用 CSS 实现导航翻转并应用 jQuery

我想知道如何为导航栏创建翻转,并且如果可能的话,一旦导航悬停,还应用一些 JQuery 将不透明度设置为 0 到 100。

悬停时我的导航。字母中的光芒。

替代文字

HTML:(忽略空的 div)

CSS:

0 投票
1 回答
83 浏览

wordpress - bg块颜色翻转

嗨,我正在努力在 Wordpress 的菜单后面插入翻转背景颜色。我试图在这个网站http://alecsoth.com/photography/上实现类似这个黄色带的东西

这是我的菜单CSS(目前我可以得到灰色框并尝试了背景颜色a:悬停链接但似乎无法让它工作) -

宽度:80;边距:0 自动;}

宽度:10em;边距:-2.8em 0 0 0;向左飘浮; 显示:内联;位置:固定;宽度:170px;高度:100%;填充:-18.0em 4.3em 9.1em 5.5em;背景:#f5f5f5

宽度:80em;边距:1.7em 0 0 0;浮动:对;显示:内联;最小高度:30em;}

宽度:60em;保证金:0 2.5em 0 4.5em;向左飘浮; 显示:内联;}

0 投票
2 回答
1610 浏览

gallery - 灯箱打开,但图像不显示

我正在尝试打开我的灯箱画廊。一切似乎都可以正常显示图像。灯箱背景淡入淡出到位,但图像通常出现的地方却没有。这是我插入灯箱的代码。

可能是因为我使用的是翻转图像吗?如果我取消翻转,它似乎可以工作,但我想尝试保持翻转,因为我的网站的其他部分都在使用它。

任何帮助表示赞赏。如果您需要更多信息,请告诉我。

0 投票
2 回答
357 浏览

javascript - 链接一个 JS 翻转图像

我一直在尝试创建一个简单的翻转图像,并且我已经使用 CSS 和 JavaScript 方法做到了。但是,我无法链接此图像。

在 CSS 版本中(如下所示),我使用的是背景图像,并且在“空”HTML 块中无法识别该链接。

在 JS 版本中,图像是从图像文件夹中调用的。与 CSS 一样,在“空”HTML 块中无法识别该链接。我将图像放入 HTML 块的那一刻,我的翻转停止工作。

我目前的 HTML 代码中有以下内容。翻转工作,但链接不:

在此示例中,链接有效,但翻转无效:

任何建议将不胜感激。这一定很简单,我只是不明白为什么它不起作用。我可以发誓我这样做是正确的......

0 投票
3 回答
232 浏览

css - 如何自动突出显示 CSS 翻转

我是 HTML 的新手,试图为我的公司开发一个新网站。下面有一个原型。

http://www.technomot.com/index_3.html

我认为它工作正常,但我的一些更...呃.. 高级同事认为您单击摇杆盖以了解更多信息并不明显。尽管我已经在背景图像的底部和标题字段中放置了说明,但还是会这样做。

我的同事想要的是让翻转按顺序自动循环,这样用户的眼睛就会被它们吸引。

有什么想法吗?

0 投票
1 回答
70 浏览

image - 表格的翻转图像

是否可以对图像和表单产生翻转效果。

即我想要一个图像,当用户将鼠标悬停在上面时,它会滚动以显示一个表单(如登录或注册表单)。

找不到像这样的东西,所以假设它不可能,但我想我会问!

谢谢京东

0 投票
1 回答
985 浏览

css - Internet Explorer 8 的 CSS 翻转问题

在过去的几天里,我一直试图让这个 CSS 翻转菜单在 Internet Explorer 8 中工作。它不起作用。它甚至没有活动链接。有时我可以看到悬停在背景中的翻转图像。请帮忙。

这是HTML:

这是CSS:

0 投票
3 回答
8985 浏览

css - 内部链接
  • 不工作
  • 非常简单的坚果,我正在尝试破解。我只用 CSS 做图像翻转。当我插入我的 href 链接时,它不起作用。不起作用我的意思是,它不像是一个链接,因此你不能点击进入该页面。认为它与the有关,<li>但我不知道是什么。这是我的 HTML 和 CSS:

    CSS

    HTML

    0 投票
    1 回答
    84 浏览

    css - 两组翻车一起工作

    http://jsfiddle.net/PaulNLondon/dG3Gb/

    jsFiddle 显示了(我希望这是我第一次使用它)到目前为止我必须做到的地方。. . 我正在尝试使用基于图像的菜单和基于文本的翻转菜单一起工作。

    我无法在 jsFiddle 中显示这一点,但我使用的图像是显示它们的分区高度的两倍,并在悬停时移动位置以显示图像的替代版本 - 在 jsfiddle 中我做了什么只是简单地为 div 的背景着色以显示它们的位置。它们的位置非常特别,以提供具有连续性的所需视觉效果。(页面标题文本和 jsFiddle 中的第一个图像块的重叠不是问题。)

    我的目标是将鼠标悬停在图像上打开相关文本菜单项的粗下划线(我使用了底部边框设置)以及让图像移动以在图像菜单本身中显示替代图像。. . 并且我希望将鼠标悬停在文本菜单中的某个项目上以打开菜单项文本本身的下划线,并使图像菜单中的关联图像切换到备用图像。

    我以为我几乎可以将悬停在图像上打开下划线,但似乎我制定的按 div 定位的 div 只能使用 Firefox 正确显示(如您所见,对齐在 jsFiddle 中不起作用)。

    如果您有任何建议,我将不胜感激——即使您要告诉我,在您看来,我的方法都是错误的。我在这里的 CSS 和 HTML 受到了限制。我真的不知道任何 JavaScript(除了我在 Dynamicdrive 找到的幻灯片中使用过它和 jQuery)。