操作方法:将仓库克隆到本地后,用IDEA打开文件夹,然后选择浏览器打开即可查看page效果
效果图(Chrome 浏览器):
进入页面后,鼠标悬浮在顶部,Breaking
会变的更亮并且标有下划线。点击顶部,图片渐变到Welcome to My Page
界面,再次点击即可恢复原状。
如果狂点,那么图片切换的速度会变得和狂点的间隔一样快
如果耐心等待渐变完成,图片切换的速度是不变的(慢慢悠悠)
下方的两张图片不停闪烁。
底部的提交按钮使用了Bootstrap
,更为美观
这个是我粗浅的学习HTML,CSS和JavaScript后用时3天完成的作品,很多方面设计的不够成熟:
-
为了简便,有些标签使用
style
而不是放在CSS文件中然后引入 -
设计的不够美观,但是限于美学水平不高,又不知道如何改进
-
内容偏少,后续会继续补充
记录前端开发的第一步