JS的小案例
关注
分享
扫一扫
Start-ZJ
苦逼大学生，技术菜如狗，码力百分五。
展开
-
多级下拉框的实现
var DataList = [];/* 后端传回的下拉框数据放在这里 */var isopen = [];/* 用来存放下拉框的展开或者是收缩状态 *//* lessSonImg方法是在初始化的时候调用，目的是把所有的子数据收起 */lessSonImg = function () { for (var i = 0; i < DataList.length; i++) {...原创 2020-05-05 10:07:55 · 804 阅读 · 0 评论 -
文字走马灯效果的实现
核心思路是通过用margin-left这个属性来控制div的定位，通过不断提高margin-left的值来实现走马灯的效果。下面是JS的代码 var marginleft = $('#demo').css('marginLeft'); marginleft = marginleft.toString(); marginleft = marginleft.substring(0, ...原创 2020-04-15 10:15:04 · 1144 阅读 · 0 评论 -
jQuery实现判断文本行数
现在有一个项目，需要我去判断一个div中的文本有几行。如果超过两行则省略并显示省略号，同时会弹出一个显示全部按钮，点击按钮加载全部文本。多行省略的话用CSS就可以实现了。以下是超过两行省略的CSS代码，即：.webkit2 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; ...原创 2019-11-26 11:40:15 · 2491 阅读 · 1 评论 -
jquery实现类似微信输入框的输入聊天框
最近在切一张聊天页面的时候需要实现一个类似于像微信一样的聊天输入框，即输入框的高度会随着内容的增加不断增高。综合了一下网上的思路目前有依靠keyup来判断的，但是这种方法在遇到一次性输入大量文本的时候好像有点问题，而且在遇到删除文字时好像也有点问题。还有一种是依靠定时器来解决。当用户的焦点在输入框的时候隔一段时间就检查输入框里文本的实际高度，一旦实际高度大于输入框的高度，即把输入框的高度调成与...原创 2019-10-22 17:26:56 · 1300 阅读 · 0 评论 -
用juqery实现的简单轮播图
这几天一直有需要用到轮播图的需求。之前也没写过，索性自己写一个自己的轮播图轮子。目前是实现了自动轮播，按左右箭头和序列点可以左右跳转和固定跳转图片。感觉目前也没什么很缺的功能了，轮播图的要求大部分也就以上三点。我的轮播图的实现思路是通过图片的显示隐藏配合图片的变换动画，我还有看到是通过调整图片条的显示范围来达到轮播图的效果和通过层级显示来达到相同效果的。以下是代码：<!...原创 2019-10-22 10:40:33 · 193 阅读 · 0 评论 -
用JS实现的猜数字游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script defer type="text/javascript" src="JS/jquery-3.4.1.min.js...原创 2019-09-25 14:02:01 · 978 阅读 · 1 评论