2201_76046512 2023-11-14 18:02 采纳率: 50%
浏览 6

请看到的有缘人指导一下

用hbuilder新建一个html文件
要求如下:插入几张图片,并轮播,鼠标悬浮在图片上时停止轮播,鼠标离开图片时,继续轮播图片

  • 写回答

1条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2023-11-15 04:41
    关注

    【相关推荐】



    • 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7454642
    • 我还给你找了一篇非常好的博客,你可以看看是否有帮助,链接:Hbuilder动态加载图片轮播
    • 您还可以看一下 刘铭老师的工业物联网APP开发课程中的 第六讲 Hbuilder工具HTML5 开发手机APP前端界面小节, 巩固相关知识点
    • 除此之外, 这篇博客: HBuilderX - 使用自定义代码块创建页面模板中的 HBuilderX 使用自定义代码块创建页面模板 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
      1. 进入代码块页面
        在这里插入图片描述
        工具 ——》 代码块设置 ——》 vue代码块,进入代码块页面。如下图:
        在这里插入图片描述

      2. 设置代码块
        在这里插入图片描述
        这里为我设置的一个代码块,如需其他格式的可根据内容自定义

        "unitemp":{
        	"prefix":"unitemp",
        	"body":[
        		"<template>",
        			"<view class=\"wrap\">",
        				"<view>Demo$1</view>",
        			"</view>",
        		"</template>",
        		"",
        		"<script>",
        			"export default {",
        				"data() {",
        					"return {}",
        				"}",
        			"}",
        		"</script>",
        		"",
        		"<style>",
        		"</style>"
        	],
        	"project":"uni-app",
        	"scope":"source.vue.html"
        }
        
      3. 使用代码块

        敲入关键字,回车即可,这里为 unitemp
        在这里插入图片描述

      4. 实现效果如下,Ctrl+K 重排代码格式即可
        在这里插入图片描述


    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

问题事件

  • 修改了问题 11月14日
  • 修改了问题 11月14日
  • 创建了问题 11月14日