网站前端开发Swiper3轮播插件的使用
384轮播图在网站中使用的比例非常之高,自己手写一个轮播比较费时间,而使用swiper(swiper3)轮播插件能很方便做出图片轮播效果,兼容性好,而且还支持响应式轮播。在项目引入swiper.jquery.min.js和swiper.jquery.min.css文件,html如图:js如图: 如此一个...
查看全文全站搜索
之前写过一篇文件介绍如何不使用VPN的情况嵌入谷歌,不过现在国内已经再支持谷歌的访问了,所以我们只能用其他的地图工具,以前会使用高德地图,它是支持英文版的,但高德地图很久都没更新过英文版的地图了,很多信息显示是错误的。我发现微软开发的必应地图非常好用,不仅支持中文版,也支持英文,甚至各种语言版本只需要用相同的代码,由必应地图自己判断用户使用何种语言的浏览器,从而显示该语言的地图,下面讲一下如何在页面上嵌入必应地图。
如果只是简单的嵌入必应地图,那只要打开必应地图,搜索目的地,获取目的地的地图后,如下图所示:
点击上面的“嵌入地图”,通过设置一些参数,如下图所示:
然后点击生成代码,即可获取必应地图的嵌入页面的方法,顺便记住下上面划红圈的经纬度,下面我们会用到它。
但这里会有一个问题,就是无法在地图里注记自己公司的位置,所以做为专业做网站的程序员,是无法容忍这样的情况的。我们继续研究,发现使用必应地图的API接口是可以实现页面上嵌入必应地图的。
先打开必应地图的开发者页面,就是寻找 Infobox中的 Add default infobox的功能,点击后如下图所示:
然后我们获取地图的JS代码,如下图所示:
从上面的代码比较容易看出来,我们只是把title中的“Map Center”改成公司名称,desciption改成公司的地址,电话之类的信息就可以了,最重要的是修改Microsoft.Maps.Location(47.60357, -122.32945),就是我们上面提示的经纬度,因为必应地图不像百度地图、高德地图那样有坐标拾取的页面,我们只能从必应地图的嵌入页面的URL里去获取必应地图的经度和纬度。
只要进行以上操作,就可以制作出合适的页面地图了,希望对你有所帮助。
轮播图在网站中使用的比例非常之高,自己手写一个轮播比较费时间,而使用swiper(swiper3)轮播插件能很方便做出图片轮播效果,兼容性好,而且还支持响应式轮播。在项目引入swiper.jquery.min.js和swiper.jquery.min.css文件,html如图:js如图: 如此一个...
查看全文这个是官网的示例地址:https://www.layui.com/demo/flow.html 下面介绍一下我在使用中的一些问题: 前端js function flow() { layui.use('flow', function(){ var $ = lay...
查看全文自从Flash因为许多漏洞被谷歌禁用,现在的网站需要播放视频时,一般都是使用 标签, 标签是 HTML 5 的新标签。而且现代浏览器基本上都支持,如:Internet Explorer 9+, Firefox, Opera, Chrome 以及 Safari 支持 标签。 标签有许多属性可以使用,比如:autoplay...
查看全文企业网站,比不可少的一个功能就是,鼓励访客从“浏览网站”转换为“进行联系”,实现这一作用的页面,就是登录页,也被称之为着陆页,英文名称为LANDING PAGE,意味着,借助这一页面,访客成为了“潜在用户”。 所以,着陆页的设计,对企业网站的转化率非常重要。 基于...
查看全文