新建一个maven项目 pom.xml增加如下配置 创建一个HelloController 创建项目启动类Application banner图可以在src/main/resources下新增banner.txt文件设置 src/main/resources下增加一个application.yml ...
分类:
编程语言 时间:
2019-02-17 00:59:13
阅读次数:
172
1、在resource目录下新建banner.txt文件 2、访问网站http://patorjk.com/software/taag,生成想要的文字图案 3、将生成的文字拷贝到banner.txt中重启项目即可 4、关闭启动banner图 ...
分类:
编程语言 时间:
2018-12-15 15:50:21
阅读次数:
216
css3 3d学习心得 卡片反转 魔方 banner图 首先我们要学习好css3 3d一定要有一定的立体感 banner图 通过这个图片应该清楚的了解到了x轴 y轴 z轴是什么概念了。 这个例子只是简单的纯css3 3d 关于y轴旋转 下面是代码: body{ perspective: 800px; ...
分类:
其他好文 时间:
2018-07-24 18:05:35
阅读次数:
459
电商m站的首页,有一个需求是配一张大的banner图,然后指定某些区域是热区,点击之后跳转到不同的活动页。 听起来简单明了,实现也比较容易,立刻就想起来有个map标签,简直就是为这个需求量身定做。 简单说下做法: 我们首先会和后台约定一些规则,定义一个json对象。比如: 我们可以约定,type为1 ...
分类:
其他好文 时间:
2018-05-20 20:41:02
阅读次数:
270
总结:照片类的jpg如:banner图,小图gif或png8 GIF格式特点: 透明性 Gif是一种布尔透明类型,既它可以是全透明,也可以是全不透明,但是它并没有半透明(alpha 透明)。 动画 Gif这种格式支持动画。 无损耗性 Gif是一种无损耗的图像格式,这也意味着你可以对gif图片做任何操 ...
分类:
Web程序 时间:
2018-03-25 16:58:12
阅读次数:
193
day04 案例实践 html有五个部分构成: logo 导航栏 banner图 内容(文章内容,链接区) 页脚 案例代码(index4.html): 图示: ...
分类:
Web程序 时间:
2018-02-01 17:32:30
阅读次数:
215
利用JavaScript实现banner图手风琴效果 2018-01-14 这一篇文章主要是利用纯JavaScript实现手风琴效果代码,希望能给您带来一定的帮助,感兴趣的小伙伴可以进行一个参考。 首先我给大家先介绍一下为什么实现的效果为什么叫做手风琴吧,可能大家都见过手风琴, 没错,就是这样的一个 ...
分类:
编程语言 时间:
2018-01-14 16:50:13
阅读次数:
191
我发现现在很多网站都使用了这种效果,比如说锤子官网、elementui官网、秒味课堂等,不单单有鼠标跟随的效果,随着鼠标的移动还有视觉差的效果,看起来很高大上的技术,其实实现起来很简单,主要利用css3的transform-style和persperctive属性。 废话不多说直接上代码: html ...
分类:
移动开发 时间:
2017-11-18 21:01:56
阅读次数:
158
前 言 jQuery是一个功能强大的库,提供了开发JavaScript项目所需的所有核心函数。很多时候我们使用jQuery的原因就是因为其使用插件的功能,然而,有时候我们还是需要使用自定义代码来扩展这些核心函数来提高开发效率。我们知道, jQuery库是为了加快JavaScript的开发速度而设计的 ...
分类:
Web程序 时间:
2017-10-01 22:09:01
阅读次数:
232
现在很多网站的Banner图片都是全屏宽度的,这样的网站看起来显得很大气。这种Banner一般都是做一张很大的图片,然后在不同分辨率下都是显示图片的中间部分。实现方法如下: 把css中 .bannerbox 中 height 及 .banner 和 width 换成你banner图的大小,然后 .b ...
分类:
其他好文 时间:
2017-09-29 01:38:53
阅读次数:
155