本帖最后由 zzz19760225 于 2024-3-9 09:18 编辑
回复 2# aloha20200628
我在标签名字后面加识别数字，不能两个都显示，请问是不是没有这个功能啊，还是可能有什么奥妙？- <button id="b1" onclick="seePhoto()">三国演义-铁笼山1</button><img id="p1" width="480" height="360"/>
- <script>function seePhoto () {
- p1.src="E:/图/三国演义-铁笼山/三国演义-铁笼山1.jpg";
- }</script>
-
- <button id="b2" onclick="seePhoto()">三国演义-铁笼山2</button><img id="p2" width="480" height="360"/>
- <script>function seePhoto () {
- p2.src="E:/图/三国演义-铁笼山/三国演义-铁笼山2.jpg";
- }</script>
- <!DOCTYPE html>
- <html>
- <head>
- <hta:application navigable = "yes" />
- </head>
- <body>
-
- <p><a href="file://D:\dos\html/2.jpg">图片1</a>
-
- </body>
- </html>
好像可以在里面加一句hta的设置，设置页面内执行。
不过大佬士如何在设置没有改动，默认跳出的情况，也能实现内部显示的呢。- <!DOCTYPE html>
- <html lang="en">
- <head>
-
- <title>Button Image Display</title>
- <script>
- function displayImage(buttonId) {
- var button = document.getElementById(buttonId);
- var image = document.createElement('img');
- image.src = button.getAttribute('data-image');
- var text = document.createTextNode(button.getAttribute('data-text'));
-
- // 清除之前的内容（如果有的话）
- var container = document.getElementById('image-container');
- container.innerHTML = '';
-
- // 添加图片和文字到容器
- container.appendChild(image);
- container.appendChild(text);
- }
- </script>
- </head>
- <body>
-
- <button id="button1" data-image="D:\dos\html/1.jpg" data-text="Image 1" onclick="displayImage(this.id)">Show Image 1</button>
- <button id="button2" data-image="D:\dos\html/2.jpg" data-text="Image 2" onclick="displayImage(this.id)">Show Image 2</button>
-
- <div id="image-container"></div> <!-- 图片和文字会显示在这里 -->
-
- </body>
- </html>
| 
发表于 2024-3-5 10:16
| 
