点击切换图片

﹏ヽ暗。殇╰゛Y 2023-06-12 06:25 34阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
      <link rel="stylesheet" type="text/css" href="" />
      <style type="text/css"></style>
      <script type="text/javascript">
            function change_pic(){ var imgObj = document.getElementById("caocao_pic"); var Flag=(imgObj.getAttribute("src",2)=="images/1.png") imgObj.src=Flag?"images/2.png":"images/1.png"; } </script>
    </head>
     <body>
    <img src="images/1.png"  id="caocao_pic" onClick="change_pic()">
     </body>
    </html>

![1016915-20160901093405840-2025469373.png][]

![1016915-20160901093421824-1778374695.png][]![1016915-20160901093433261-2097986845.png][]

更多专业前端知识，请上 **【猿2048】www.mk2048.com**

[1016915-20160901093405840-2025469373.png]: /images/20230531/7169528ede75448aa2e32d69d6b9bd27.png
[1016915-20160901093421824-1778374695.png]: https://images2015.cnblogs.com/blog/1016915/201609/1016915-20160901093421824-1778374695.png
[1016915-20160901093433261-2097986845.png]: /images/20230531/2f2104b97128481597dc8e0face7e089.png

发表评论取消回复

表情：

评论列表（有 0 条评论，34人围观）

还没有评论，来说两句吧...

相关阅读

相关 js点击按钮切换图片

要通过JavaScript点击按钮来切换图片，你可以使用HTML和JavaScript来实现。以下是一个示例，演示了如何创建一个按钮，当点击按钮时，切换显示的图片： <!DO

浅浅的花香味﹌/ 2024年02月18日 11:47/ 0 赞/ 28 阅读

相关练习：js实现点击切换图片

点击切换图片，控制是否可以循环切换 <!DOCTYPE html> <html lang="en"> <head> <met

Dear 丶/ 2023年07月07日 11:05/ 0 赞/ 232 阅读

相关点击切换图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

﹏ヽ暗。殇╰゛Y/ 2023年06月12日 06:25/ 0 赞/ 35 阅读

相关 jQuery点击图片来回切换功能

在项目里，有时候会写这样的开关效果，点击开关来回切换，也就是jquery实现点击图片切换为另一图片,再次点击恢复到原图片。下面是一个小的demo示例： <!DOC

迷南。/ 2022年09月04日 02:44/ 0 赞/ 381 阅读

相关用JavaScript实现点击循环切换图片

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>单击循环切换图片</title> <

忘是亡心i/ 2022年06月09日 09:57/ 0 赞/ 349 阅读

相关原生js点击轮播点击切换图片

![20180413143155395][] <!DOCTYPE html> <html> <head> <meta charset=

╰+哭是因爲堅強的太久メ/ 2022年05月27日 06:51/ 0 赞/ 356 阅读

相关选项卡切换效果，点击切换图片

今天分享一篇前端开发实战当中经常使用到的选项卡切换效果的文章，希望对您有所帮助，欢迎留言探讨。 1、html结构布局： <div id="box">

太过爱你忘了你带给我的痛/ 2022年04月06日 05:41/ 0 赞/ 420 阅读

相关 js点击切换图片

<style type="text/css"> { margin: 0; padding: 0; }

港控/mmm°/ 2022年01月14日 09:41/ 0 赞/ 489 阅读

相关原生js点击按钮切换图片

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态切换图片</

谁借莪１个温暖的怀抱￠/ 2022年01月05日 11:27/ 0 赞/ 486 阅读

相关 Js实现图片点击切换与轮播

Js实现图片点击切换与轮播图片点击切换 <!DOCTYPE html> <html> <head>

浅浅的花香味﹌/ 2021年10月23日 18:42/ 0 赞/ 500 阅读