Android Jquery移动样式图像

我正在尝试编写一个移动应用程序，它使用图像而不是按钮作为链接。

如何设置此图像链接的样式，使其在按下时发光、变暗、移动或变大

在我对互联网的研究中，我发现了ui-btn类，它有ui-btn-down-a、ui-btn-up-a和ui-btn-hover-a

然而在我的例子中，这不是一个按钮，而是一个链接的图像

如何应用这些效果

更新：

获得转换的一个好地方是

哈拉达尼亚

发光：使用

框阴影

颜色变暗：稍微更改

背景或应用遮罩（遮罩可以是其上的伪元素）
轻微移动：更改
边距
或使用
翻译
转换

稍微变大：更改
宽度
和
高度
或使用
比例
变换


对于后两个，我建议使用
transform
s。它们的优点是移动或缩放链接不会干扰（=移动）链接周围的元素

（按住鼠标按钮以查看效果）

相关CSS：

.glow:active { box-shadow: 0 0 15px #fe0; }
.darker:active { background: goldenrod; }
.move:active { margin-left: 50px; } /* moves elements at its right */
.move2:active { transform: translateX(15px); }
.bigger:active { width: 120px; height: 66px; } /* moves alements after it */
.bigger2:active { transform: scale(1.1); }


注意：对于
transform
s，您需要在未固定版本之前添加前缀版本，因为任何浏览器的当前版本都不支持未固定版本（IE 10和Firefox 16已宣布支持未固定转换）：

如果您希望平滑过渡，则同样有效：

a.ui-link-test {
    -webkit-transition: .5s; /* the one you need for Android */

    /* if your app is ONLY for Android, you can leave the next three out */
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;

    transition: .5s; /* always write it last */
}

你可以试试你的imageview.setAlpha（100）；在该图像的onClick（）中。点击后，图像会稍微淡出。这里可能有帮助的信息：嗨，安娜！谢谢你的回答，包括源代码。我试着在我的图像链接上进行测试，但没有成功。我接着检查了代码的源代码页。它与我的不同：一个{moz转换：所有0.5s易用0；边框：1px实心鲑鱼；边框半径：15px 15px 15px 15px；}没有img src=“icon.png”，只是一个边框当然它不可能是相同的-你能给我们看看你的代码吗？我在问题中粘贴了它，区别在于源代码“class=”ui link test“>中不存在的图像按钮，而这是一个指向图像的链接，它在某种程度上类似于我的图像：您选择一个选项（辉光、较暗，以两者中的任何一个为准）。假设您选择辉光。然后添加
。ui link test:active{盒影：0 0 15px#fe0；}
在你的代码中，它会起作用。然后你可以用你想要的任何颜色更改
#fe0
。你可以通过增加
15px
值来增加或减少光晕的扩散。你可以通过将第一个
0
替换为任何正数的px来向左移动光晕。通过将其替换为任何负数来向右移动光晕px的数量。您可以通过将第二个
0
替换为任何正数的px将其向下移动。通过将其替换为任何负数的px将其向上移动。谢谢，嘿，前三个有效，但最后三个无效。请粘贴一个链接，指向有关转换s的信息，以及为什么更改with不起作用？
.move:active {
    -webkit-transform: translateX(15px); /* the one you need for Android */

    /* if your app is ONLY for Android, you can leave the next three out */
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);

    transform: translateX(15px); /* always write it last */
}

.bigger:active {
    -webkit-transform: scale(1.1); /* the one you need for Android */

    /* if your app is ONLY for Android, you can leave the next three out */
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);

    transform: scale(1.1); /* always write it last */
}

a.ui-link-test {
    -webkit-transition: .5s; /* the one you need for Android */

    /* if your app is ONLY for Android, you can leave the next three out */
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;

    transition: .5s; /* always write it last */
}