实例分享
关注
分享
扫一扫
cvper
向前走，打破前方的迷雾.....
展开
-
省市县三级联动 javascript 原生实现实例
效果演示：完整代码： 三级 省市区 var arr1=['安徽','河北','浙江'];//定义省的数组arr1 var arr2=[['合肥','滁州','芜湖'],['秦皇岛','唐山','邯郸'],['杭州','丽水','金华']];原创 2018-01-26 18:02:17 · 831 阅读 · 0 评论 -
css3 实现正反面翻转效果动画
分享一下正反面的翻转的动画效果的实现，使用了css3的一些属性；在目前的移动端中使用还是可以的，但是pc端需要注意IE的兼容问题；下面翻转了一个<p/>元素，没有使用图片，需要使用图片替换成图片即可；代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UT...原创 2019-03-03 22:54:26 · 7569 阅读 · 3 评论 -
h5 或者小程序中使用 MD5 和 base- 64 加密的处理的代码分享
MD5 和 base64 可以用来简单的加密数据；抛开其他的加密算法的使用，这里分享一下在h5 和微信小程序中使用 MD5 和 base64 加密的实现和代码；先看看两段代码（来源未知，但亲测可用），第一个 MD5 的 js 实现，第二个 base64 的 js实现； 第一个： base64 的实现代码：base64Transform() { // private ...原创 2019-01-14 23:51:33 · 2005 阅读 · 0 评论 -
实现文字后面加一条横线的效果
学习是一个长期积累的过程，积累的多了也就有经验了，有能力了；无论再忙也要坚持学习，继续我的学习！实现的效果图：我们能够看到，文字的两边出现了一小节横线；实现思路： 第一步：先实现一个外层的 div ，即图中的长方形部分，这个的作用是便于将文字部分放置在想要放置的地方； 第二步：在上面的div中再写一个 <div> 放置文字，或者用一个 <p> 来实现也是好的 ;...原创 2018-06-18 18:53:11 · 13023 阅读 · 2 评论 -
前端开发的时候给js css 图片等加 v
前端开发的时候，还没有开发结束的时候，客户可能会要求上线查看进度和显示效果；一般这个时候，我们会在代码中加 v ，一开始我是不了解这个的，为啥要加 v ；也就是 <script src="main.js?v=1" 类似这种加上参数的方式；假设我们现在上线了一个版本，那么之后的版本就在 css js png jpg 等后面按上面的方式在后面加上统一的版本号，第二次就标 v=2 ,第...原创 2018-05-29 00:35:34 · 557 阅读 · 0 评论 -
原生 js 实现无缝滚动轮播
上一次我们看了如何实现简单的轮播图，以及各种常用的效果实现；这一次，我们看看无缝滚动轮播图的实现（利用 左边的margin 来实现）；原理： 我们创建一个div，下图共红色部分；然后再div中创建一个<ul>，并且<ul>里面放置6个<li>, 每个<li> 中放置一张图片，前三张图片和后三张图片是重复的，如图标记1，2，3； ...原创 2018-04-04 00:28:34 · 3518 阅读 · 2 评论 -
原生 js 实现各种轮播图效果
js 轮播图是利用 window 对象的 setInterval（）方法，clearInterval（）方法，setTimeout（）方法以及clearTimeout（）方法实现图片轮播的效果；（参考：setInterval（code ，time） : code 是要执行的代码，通常是个函数，time是时间，单位毫秒ms, 这个方法的作用是 ...原创 2018-04-03 16:51:33 · 8780 阅读 · 7 评论 -
Tab选项卡 javascript 原生实现
Tab选项卡用的还是挺多的，现在我们使用javascript 实现：效果图：无附加和修饰，简单实现全部代码： Tab 选项卡 *{margin:0; padding:0;} #abc{width:400px; height:400px; background-color:#eee; position:absolute;原创 2018-01-27 00:07:30 · 404 阅读 · 0 评论