问题描述:
如何修改HTML的文件?
解析:
你下载下来的HTML文件,可以直接改源文件!(改源文件的话---打开HTML--右键---原文件---改好后保存就可以了!)
或者直接导入网页制作工具去改!
可以使用iframe,iframe内部是另外一个页面,在点击菜单的时候动态改变iframe的地址。也可以使用页面路由,一般在vue,layui等框架可以使用路由切换页面内容显示。
还有就是可以使用自定义方法,在点击菜单的时候,更改页面当中的html,如:"document.getElementById('content').innerHTML='页面内容2'"。
给这个套餐的html标签设置一个类class=“active”。在CSS里面设置.active{点击后的样式比如:background-color:red}
最后给js设置一个点击事件,当套餐被点击只会加入这个active类,也就改变了套餐的样式;
a=document.getElementByID("套餐的ID")
a.click(function(){a.addClasss("active")})
思路是这个思路,代码可能不准确,因为好久不写了,大致是定义一个点击样式也就是css样式active,通过js点击事件把这个样式赋值给某个HTML标签,如果这种标签多的话,可以改成点击其他标签移除之前标签的active样式并赋予点击标签该样式;
如果是鼠标移动到上面的样式就简单了:
span:hover{background-color:black;}