有人可以解释/帮助我如何实现以下目标吗?
我正在尝试在 eiter html/css or java
中制作一个开/关按钮,但我刚刚完成了一门html/css
课程,对这件事感到迷茫。
问题是我想要的是该按钮遵循两个 href(一个用于"开",一个用于"关闭")
此按钮基本上是一个记录器按钮,在打开状态下,它通过 curl 启动记录,在关闭状态下它停止 curl。
最好是我想拥有/创建一个类似于此在线按钮生成器的按钮
但是我不知道如何在打开和关闭状态下添加链接。
任何帮助将不胜感激。
这是一个用于切换 href
属性的小函数。我为你做了一个小提琴。如果您正在寻找什么,请告诉我,我将帮助构建与您在问题中提到的完全相同的按钮。
干杯
这对你有帮助吗?这是一个小提琴
.HTML
<button id="switch" class="on" data-on="http://google.com" data-off="http://yahoo.com"></button>
.CSS
#switch {
width: 60px;
height: 60px;
border: none;
outline: none;
border-radius: 50%;
cursor: pointer;
}
.on {
background: url(on.png) no-repeat;
}
.off {
background: url(off.png) no-repeat;
}
jQuery
$(function() {
$('#switch').wrap('<a href="http://google.com"></a>');
$('#switch').click(function() {
var dataOn = $(this).attr("data-on"),
dataOff = $(this).attr("data-off");
if($(this).hasClass('on')) {
$(this).removeClass('on').addClass('off').wrap('<a href="' + dataOff + '"></a>');
}
else if($(this).hasClass('off')) {
$(this).removeClass('off').addClass('on').wrap('<a href="' + dataOn + '"></a>');
}
});
});
再次感谢那些帮助过我的人。
只是从我这边快速抬起头来:
我暂时放弃了样式,只是寻求一个功能解决方案,并以这种方式找到了它:
<select id="selectbox1" name="2" onchange="javascript:location.href = this.value;" target="button">
<option value="/control/record/stop?app=live2&name=test" selected target="button1">Stop recorder</option>
<option value="/control/record/start?app=live2&name=test" target="button1">Start recorder</option>
</select>
这在目前效果很好。 我想知道的唯一想法是如何设置 target=" 以指向 iframe。但它不适用于标签。
有人知道我该如何解决这个问题吗?
你可以使用jQuery mobile而不是那个,见下文
// here is HTML
<div data-role="page" id="home">
<div data-role="content">
<label for="flipSwitch">Flip toggle switch:</label>
<select name="flipSwitch" id="flipSwitch" data-role="slider">
<option value="off">Off</option>
<option value="on">On</option>
</select>
</div>
</div>
// you can easily get on/off events and use whatever you want
$("#flipSwitch").on("change",function(){
var switch = $(this).val();
if(switch == "on"){
}else{
}
});
j查询手机链接
在这里摆弄