Skip to content

estarpro1022/simple-breaking-html-page

Repository files navigation

操作方法:将仓库克隆到本地后,用IDEA打开文件夹,然后选择浏览器打开即可查看page效果

效果图(Chrome 浏览器):

进入页面后,鼠标悬浮在顶部,Breaking会变的更亮并且标有下划线。点击顶部,图片渐变到Welcome to My Page 界面,再次点击即可恢复原状。

如果狂点,那么图片切换的速度会变得和狂点的间隔一样快

如果耐心等待渐变完成,图片切换的速度是不变的(慢慢悠悠)

下方的两张图片不停闪烁。

底部的提交按钮使用了Bootstrap,更为美观

这个是我粗浅的学习HTML,CSS和JavaScript后用时3天完成的作品,很多方面设计的不够成熟:

  • 为了简便,有些标签使用 style 而不是放在CSS文件中然后引入

  • 设计的不够美观,但是限于美学水平不高,又不知道如何改进

  • 内容偏少,后续会继续补充

记录前端开发的第一步

About

a html page which describes breaking information

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published