html - 我是 HTML 新手,我想在函数中添加图像
问题描述
我正在创建我的第一个网站,并希望创建一个按钮,单击该按钮时会显示图像。我一直在寻找答案,但找不到。这是我当前的代码,我基本上只需要知道从这里去哪里。
<button onclick=Taco()>Taco</button>
<script> function Taco(){
}
</script>
解决方案
您需要学习“javascript”以在页面上实现所需的操作。
还有一个名为“jQuery”的库。它基于Javascript。但它使事情变得更简单、更容易。
它有一个名为“hide()”的函数和另一个名为“show()”的函数。
您可以使用这两个功能轻松实现您想要的功能。
你将需要一个点击事件。你可以这样做:
var isClicked = 0; // as a global variable.
$('#yourButtonId').on('click', function(){
if(isClicked == 0){
$('#yourImageId').hide();
isClicked = 1;
}else{
$('#yourImageId').show();
isClicked = 0;
}
});
例子:
var isClicked = 0;
$('#yourButtonId').on('click', function(){
if(isClicked == 0){
$('#yourImageId').hide();
isClicked = 1;
}else{
$('#yourImageId').show();
isClicked = 0;
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button id="yourButtonId">I'M BUTTON</button>
<img id="yourImageId" src="http://ph.cctoday.co.kr/news/photo/201701/1032932_375794_0104.jpeg"/>
</body>
您还可以使用您的“taco”功能,如下所示:
function taco(){
if(isClicked == 0){
$('#yourImageId').hide();
isClicked = 1;
}else{
$('#yourImageId').show();
isClicked = 0;
}
}
例子:
var isClicked = 0;
function taco(){
if(isClicked == 0){
$('#yourImageId').hide();
isClicked = 1;
}else{
$('#yourImageId').show();
isClicked = 0;
}
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<button id="yourButtonId" onclick="taco()">I'M BUTTON</button>
<img id="yourImageId" src="http://ph.cctoday.co.kr/news/photo/201701/1032932_375794_0104.jpeg"/>
</body>
如何使用 jQuery?
推荐阅读
- oracle - 厨师食谱资源如何在完成 oracle setup.exe 完全运行后才运行食谱/资源
- javascript - iOS cordova-plugin-camera 在 PNG 上添加黑色背景
- spark-graphx - 用相同的数据和代码运行GraphX的connectedComponents两次,结果不同
- excel - 我想结合 2 个不同的 IF 嵌套逻辑来获得自动答案
- java - 在 Android for Javers 版本 3.11.4 中构建错误
- java - Java8 Stream:满足条件后收集元素
- r - 将两个输出与 R 中的绘图进行比较
- azure - 如何识别具有 VM 资源类型的 ARM 模板是用于 Windows 还是 Linux?
- sql - 在 Oracle 中删除数百万行的最佳方法
- css - 切换按钮使用纯 css