- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 引用jQuery实现背景轮播滚动
客户要求头部背景轮播滚动，本来是懒省事不想引插件，就自己写了一个，结果好家伙，写了一上午。不多说，直接上代码外层.pc-first一定要设置position、width、height、overflow:hidden。#topBannerBckImg里面放的是需要展示的背景图。支持更改的属性为：bckImg：背景图item序列bckImgSum：默认显示bckImg下标的背景图bckImgSpeed：背景切换速度animateSpeed：背景切换动画时间bckImgShow：当前显示的背景图，默认值不要
2022-06-22 16:08:35
362
1
翻译 Vue分页导航
Vue分页导航原文链接：https://www.cnblogs.com/vivaxiaonan/p/9987985.html这里我用的是脚手架，粘Viva_nan大佬的代码封装了一个.vue组件。实现效果如下：封装组件 newCom.vue 代码:<template> <div class="wrapper"> <nav class="zpagenav"> <ul class="page-ul"> ...
2020-12-11 11:25:02
436
原创 拖拽排序列表-jquery-ui
使用jquery-ui实现手机上标签拖拽排序以及增加、删除。实现效果如下图：可添加新的标签。可拖拽更改顺序，以及删除。设计思路：声明两个数组，并放入数据，一个为已添加标签，一个为未添加标签。编辑时使用 jquery-ui 的 .sortable() 方法。.sortable()实例参考：https://www.runoob.com/jqueryui/example-sortable.html再声明一个数组，记录拖拽、删除操作。点击保存时给已添加标签数组进行赋值。删除的
2020-12-02 16:14:25
516
原创 定时器实现一定时间后重新发送验证码
定时器实现60秒后重新发送验证码。也可用作几秒后自动跳转页面。实现思路如下：创建两个 button，默认第一个 button 显示，第二个隐藏，当点击第一个时隐藏第一个显示第二个。这样可以解决第一个按钮连续点击后的 bug。声明变量并赋值，点击事件中对声明的变量做自减，做判断，如果变量大于 1 则执行定时器，否则所有属性回复默认值，并关闭定时器。示例代码：<!DOCTYPE html><html lang="zh"><head> <met
2020-12-02 10:02:46
490
原创 js实现分页导航
今天写了一个简单的导航栏实现后的效果如下图首先来写一下思路实现步骤：第一步：先创建 x 个 div 盒子，并为所有的盒子绑定相同的class属性，我这里绑定的是 isPages，盒子内可以写任意内容。x 为最终结果显示的页数。第二步：设置 div 盒子 css 样式，将isPages 设置为隐藏，使用 display 属性设置为 none。盒子内的内容根据自己喜好进行设置。第三步：创建导航，先创建一个 div 盒子，盒子内用于存放导航操作按钮，把固定不变的按钮先放入盒子中，再在.
2020-11-30 16:22:11
892
原创 微信小程序开发：向数组中插入数据
每次请求的数据插入到定义的数组中，之前数据不覆盖concat();Page({ data: { content: ['aaa', 'bbb', 'ccc'] }, //监听页面滚动到底部 onReachBottom() { const than = this; this.setData({ content: than.data.content.concat(than.data.content) }) }})...
2020-05-19 15:26:11
9948
1
转载 javascript实现html页面图片的飘浮运动
javascript实现html页面飘窗<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*悬浮框 */ #float { position: absolute; z-index: 1; } /*图片大小*/
2020-05-14 16:17:16
3150
1
原创 Jquery实现title动态获取标题
需求：微信转发链接需要动态显示最新的文章标题<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>标题</title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <script&g
2020-05-13 11:17:09
939
原创 jquery flexslider轮播
引用jquery;flexslider;关于flexslider的使用使用前往http://www.woothemes.com/flexslider/，包括flexslider的样式库<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>轮播</title> </head> <style> * { margi
2020-05-13 09:10:57
386
原创 bootstrap同页面多轮播
使用bootstrap实现同页面多轮播<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap轮播</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <
2020-05-12 18:12:50
847
原创 微信小程序时间戳转换日期格式
微信小程序时间戳转换为日期时间格式：注意：javascript中使用var tem= new Date(time);在wxs中应使用getDate()方法wxs文件function time_format(time) { // 判断时间戳是否为13位数，如果不是则*1000，时间戳只有13位数(带毫秒)和10(不带毫秒)位数的 if(time.toString().length == 13){ var tme = getDate(time); }else{ v.
2020-05-12 16:58:28
4387
原创 Android添加背景音乐
添加背景音乐1、新建类MusicServerpackage com.example.happy;import android.app.Service;import android.content.Intent;import android.media.MediaPlayer;import android.os.IBinder;public class MusicServer ...
2019-08-28 16:27:31
3890
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人