![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web实训过程
web实训的学习
陌丶尘
这个作者很懒,什么都没留下…
展开
-
开发汤姆猫app(没有语音只有点击)
开发软件为:HBuilder X首先新建一个5+App项目:结构图如下:ps:Animations,Buttons,sounds里的资源文件有点多,想要可以留qq我给你发style.css代码如下:@charset "utf-8";*{margin: 0;padding: 0;}html,body,#app,#tom{ width: 100%; height: 100%; }img{ width: 15%;/* id选择器的权重比标签选择器的权重高 */ positio原创 2020-06-18 15:25:07 · 13632 阅读 · 0 评论 -
script中的鼠标事件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="box"> </div> <div id="list"> </div> <input type=/> </bod原创 2020-06-17 21:26:46 · 197 阅读 · 0 评论 -
web实训,实现3d盒子翻转和音乐播放器
首先先放上效果图(就一个截图,没办法诠释盒子的翻转):接下来是结构,img放你喜欢的歌星的图片,music放mp3文件:3d.html代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} #box{原创 2020-06-16 18:49:17 · 382 阅读 · 0 评论 -
web实训学习day2
用HBuilder X结构:layoutTest.html代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <!-- 适配 --> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scala原创 2020-06-15 11:26:49 · 154 阅读 · 0 评论