JavaScript
关注
分享
扫一扫
weixin_44703304
这个作者很懒，什么都没留下…
展开
-
点击按钮显示和隐藏标签
<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/" /><link type="text/javascript"原创 2019-03-11 17:38:13 · 2158 阅读 · 0 评论 -
关于flex布局中子元素宽度失效的问题
在弹性布局中，用上flex后发现会上瘾，因为这个属性实在太好用了。有一种情况是左边我设置一个子元素固定宽度，右边设置自适应占满剩余空间，但有时候会发现左边固定元素的宽度竟然失效了，被右边的元素挤占空间了，所以仔细查看flex属性的特点后，发现少设置了一些属性样式。父元素设置完 display:flex 属性后；子元素设置固定宽度：width:50px;height:50;这里加上另外一...原创 2019-04-04 15:09:04 · 10496 阅读 · 2 评论 -
点击下拉菜单以外区域，下拉菜单收起
网页中下拉菜单随处可见，一般用到toggle()或slideToggle()事件；但下拉菜单出来后，一般要再次点击原来的按钮才能收起，所以做到下拉菜单以外点击收起，体验就会方便很多。 <script type="text/javascript"> $(document).ready(function() { $(".btn").click(function(e) {...原创 2019-04-26 16:20:06 · 4130 阅读 · 0 评论 -
去掉input中的缓存值
input默认的输入框会保留上一次的缓存值，但有时候我们不想看到缓存值，可以给input加一个自动记忆缓存值的属性，并设置为关闭状态，这样输入框就不会有缓存值了！这个属性就是autocomplete<input name="title" minlength="2" type="text" autocomplete="off">或者可以将input外面的form标签设置为off&...原创 2019-04-18 15:01:01 · 2717 阅读 · 1 评论 -
js 判断 li 的个数，多于指定个数的 li 收起到另一个列表中
<!DOCTYPE html><html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function() { if ($('.list li').size() > 4) {...原创 2019-05-06 16:59:44 · 870 阅读 · 0 评论 -
移动端实现图标拖拽效果
做一个像苹果手机桌面的HOME键一样的图标，实现图标按钮在页面上可拖拽效果。js代码如下：window.onload = function () { var oDiv = document.getElementById('moveIcon'); var disX, moveX, L, T, starX, starY, starXEnd, starYEnd; oDiv....原创 2019-06-05 17:09:50 · 2076 阅读 · 0 评论 -
给标签设定固定字符长度，超出部分用省略号显示。
网页中文字显示时，有时候往往只需要显示前面部分内容，通常情况下给标签加样式即可解决。下面总结几种情况：第一种情况：单行显示，超出内容部分省略号显示。标签的样式如下:div{ width:100%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}第二种情况：多行显示，最后一行的...原创 2019-08-22 20:43:01 · 1595 阅读 · 0 评论