- 博客(6)
- 收藏
- 关注
原创 用swiper写选项卡,不用官方的例子。顺便记载一下获取当前元素的索引值,以便绑定事件。
用slider写选项卡官方的例子中js部分挺坑的,需要给每一个选项绑定事件,代码量太大,最后会给出参考代码。下面是改进的一个示例HTML部分: <div class="public-left"> <div class="public-choose"> <div class="top-nav"> <ul class="nav-ul2"> <li class="to
2020-08-11 15:10:33 623
原创 字(单词)间距,字符间距,行间距,缩进,加粗,字体大小,字体颜色
注意:单位都是pxword-spacing 单词间距、字间距letter-spacing 字符间距(比如每个字母的间距)line-height 行高text-indent缩进font-weight:bold加粗font-size字体大小color字体颜色
2020-08-11 11:26:01 657
原创 轮播图中改变可视图片数量&&swiper中版本的坑
轮播图中改变可视图片数量直接上代码:HTML代码: <div class="swiper-container" id="new-two-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide new-swiper-slide"> <img src="img/讲话.png"> </
2020-08-11 11:19:17 1190 1
原创 分页器不出现及同一页面中使用多个swiper(多个轮播图或者轮播图和选项卡的混合使用)
swiper遇到的坑在一个页面中有一个选项卡和轮播图,都需要用swiper写,但是众所周知类名是一样的,就会导致样式和效果的冲突,并且swiper用到不同版本的话,导入不同的js文件只能有一个有效。比如这次,我轮播图用的是3.4.2版本,选项卡用的是2.7.6版本,这就导致我引了两个js文件:swiper.js和idangerous.swiper.min.js。但是,刚开始出现的问题就是我的轮播图没有了分页器,找了一天才发现问题,我傻了。还是没有理解的或者出现同样问题的童鞋可以联系我,相互交流,想复用我
2020-08-06 15:53:58 1121
原创 学习js和jquery时遇到的各种坑
遇到的坑js的事件名称与jquery不同,比如:jsjqueryonclickclickonblurbluronfocusfocusonmousemovemousemove包括函数的使用也会有所不同
2020-08-03 17:16:47 198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人