
前端
Y小润!
这个作者很懒,什么都没留下…
展开
-
JavaScript代码模拟鼠标自动点击事件
Javascript利用JavaScript代码可以帮助我们实现鼠标的自动点击事件,就好比点击了按钮1以后,JavaScript代码会自动去点击下一个按钮,一直点击到按钮5才会停止(可根据实际情况进行相应的调整)。效果图如下所示(变化过程中的一段):按钮1被点击以后,通过JavaScript的代码自动点击按钮2。首先先设置几个按钮,然后再设置一个盒子包裹着一些文字,方...原创 2019-01-18 08:32:52 · 13702 阅读 · 2 评论 -
CSS模拟心跳&&图片由模拟到清晰的渐变
在效果图中可以看出来,整个页面分为四个大的部分,其中有三个部分是图片的样式,并且里面的图片的有一个旋转出现和由模糊到清晰的一个渐变过程,中间的心形部分有一个模拟心的跳动的样式,并且在跳动的同时里面的文字也会跟着进行跳动.在HTML的代码中,在上面的把三个大div包裹着的六个小div是效果图中的图片部分,因为图片由模糊到清晰是两张图片,所以要三个大div表示三个图片部分,里面的六个小div包裹着...原创 2019-05-03 14:11:56 · 636 阅读 · 0 评论 -
模拟科目二半坡停车
这是利用代码来模拟驾照考试中的科目二考试的半坡停车,通过这个可以进行科目二模拟训练。这是是通过按键盘的上下左右的进行汽车的移动的,按W或者S调整车子的方向。效果图:HTML中的类为Cat的div对应的就是红色的小汽车,其他的div就是一些黄色的停车线,以及一些样式,其中的Ul标签是坡道中间的两条黄色的虚线,里面的每一个li标签就是一小块黄色的线段。div中的Style是我给这些线设置的一些...原创 2019-04-28 09:05:11 · 294 阅读 · 0 评论 -
模拟科目二侧方位停车训练
这是利用代码来模拟驾照考试中的科目二考试的侧方位停车,通过这个可以进行科目二模拟训练。这是是通过按键盘的上下左右的进行汽车的移动的,按W或者S进行汽车的旋转。效果图:xHTML中的div1对应的就是红色的小汽车,其他的div就是一些黄色的停车线,以及一些样式,div中的Style是我给这些线设置的一些简单的样式,不过主要的样式还是在CSS部分中,也是为了能更好的单独设置其中的某个标签的样式...原创 2019-04-07 21:47:58 · 2554 阅读 · 0 评论 -
模拟科目二倒车入库训练
这是利用代码来模拟驾照考试中的科目二考试的倒车入库,通过这个可以进行科目二模拟训练。这是是通过按键盘的上下左右的进行汽车的移动的,按W或者S进行汽车的旋转。效果图:HTML中的div1对应的就是红色的小汽车,里面的span标签则是其中的两条的白线,两条白线对应则是科目二中的固定停车位,在模拟的过程中要注意白线的位置。其他的div就是一些黄色的停车线,以及一些文件,div中的Style是我给...原创 2019-03-30 21:17:40 · 3210 阅读 · 0 评论 -
HTML+CSS3 关键帧设置字体颜色变化
关键帧设置字体颜色动态变化开发工具与关键技术:Adobe Dreamweaver CC 2017 及 前端网页设计作者:杨庆润撰写时间:2019-1-16利用关键帧设置字体颜色,使字体的颜色出现一个动态的变化过程,实现由消失到显示再到消失的效果。效果图如下所示(变化过程中的一段):首先先设置一些简单的div盒子用来包裹里面的元素,注意各个盒子之间的等级关系。HT...原创 2019-01-16 17:00:49 · 956 阅读 · 3 评论 -
七彩背景颜色的设置以及时间的设置
通过HTML+CSS的样式可以实现七彩的背景颜色,而且颜色的布局可以分为圆形和条形两种,具体效果如下。效果图:HTML部分:1.给body设置布局背景颜色,repeating-linear-gradent设置的是条形的背景颜色,颜色的值可自行添加。2.在body里面设置一个盒子,给这个盒子一个类名div1。3.设置一个p标签,用来设置黑色的指针。4.设置一个h1标签,用来放置时间。...原创 2019-01-26 20:09:14 · 998 阅读 · 1 评论 -
JQuery键盘按下与松开事件
本次任务完成时间:2018年01月19日开发工具与关键技术:Adobe Dreamweaver CC 2017&&前端页面设计展示效果:html+css3+JQuery 的应用效果图:HTML部分:首先设置几个盒子,用来构建这个页面的大致框架。给盒子相应的类名以及id,方便css的布局以及JQuery的获取。在盒子内放入文字。引用JQuery插件。CSS部...原创 2019-01-19 08:58:19 · 5610 阅读 · 1 评论 -
From 表单
From表单可以简单的比喻成一个简历、表格、单据之类的文档。From表单里面的内容通常由一个from表格包裹着(),在from表单里面可以放入输入框、下拉框、表格等等各种各样的数据,from标签中的action内通常是放置提交表单时请求的路径例如:<form class="form-horizontal row" role="form" id="formUpdateExaminee" ...原创 2019-07-12 16:37:38 · 1040 阅读 · 0 评论