为了软件美观,需要添加一些动画效果,一般呢是使用GIF控件去实现,但是实际上gif控件的效果不是很好,于是UI提供了另一种方案,图片轮播。 一开始单开一个线程,添加了一个Label控件,使用SetBkImage的方法进行轮播,但是不知道为什么,动画效果并没有体现出来,只是一个静态图。 于是我想到了另 ...
分类:
其他好文 时间:
2020-06-09 16:39:58
阅读次数:
64
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="../css/bootstrap-3.3.7-dist/bootstrap ...
分类:
其他好文 时间:
2020-06-09 14:25:12
阅读次数:
56
案例 代码 window.addEventListener('load', function() { // 1 获取元素 var arrow_l = document.querySelector('.arrow-l'); var arrow_r = document.querySelector('. ...
分类:
其他好文 时间:
2020-06-07 21:14:29
阅读次数:
70
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body> <img src="img/1.jpg" id="imge" onMouseMove="jieshu()" onMouseOut=" ...
分类:
其他好文 时间:
2020-06-06 18:36:12
阅读次数:
126
日历 <style>* { padding: 0; margin: 0; }li { list-style: none; }body { background: #f6f9fc; font-family: arial; } .calendar { width: 210px; margin: 50px ...
分类:
其他好文 时间:
2020-06-05 23:10:26
阅读次数:
89
1切换图片 2定时器--setTimeout()和setInterval()的用法 3定时器使用的案例——图片轮播 4图片显示和隐藏 5显示隐藏和定时器的案例——定时弹出广告 1切换图片 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <ti ...
分类:
Web程序 时间:
2020-06-05 23:05:05
阅读次数:
102
一、轮播图 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head> <body><img src="img/1.jpg" id="imge" onMouseMove="jieshu()" onMouse ...
分类:
Web程序 时间:
2020-06-05 19:35:56
阅读次数:
85
循环轮播的时候,刚进入界面还是从第一张图片开始,循环一圈的时候就从第二个开始了,第一就是一闪就过了。 找了好久东拼西凑才解决 解决办法: 由于图片数据是动态获取的,所以在ajax请求成功后再初始化轮播图 function policybannerlistcb (data) { data = JSON ...
分类:
其他好文 时间:
2020-06-05 14:54:29
阅读次数:
83
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv ...
分类:
Web程序 时间:
2020-06-05 13:31:19
阅读次数:
102
之前在一个移动端的抽奖页面中,在抽奖结果的展示窗口需要弹幕轮播显示,之前踩过一些小坑,现在总结一下前端弹幕效果的实现方式。 css3实现乞丐版的弹幕 css3弹幕性能优化 canvas实现弹幕 canva弹幕的扩展功能 本文原文地址在我的博客主页:原文地址 1. css3实现乞丐版的弹幕 (1)如何 ...
分类:
Web程序 时间:
2020-06-02 11:38:27
阅读次数:
70