Powered by md-Blog  文 - 篇  访客 -

  • JS随机获取 0-100 里的数

    function rand(min, max){ return parseInt(Math.random(min, max) * max + 1) } console.log(rand(0, 100))../../md/写一个Demo/

    2020-06-08 15:49:40   2020-06-08 15:49:40
    分类:写一个Demo / 浏览:015916025807120
  • 将一个URL的参数解析成一个对象

    var url = "http://witmax.cn/index.php?key0=0&key1=1&key2=2"; function toObj(url) { var newObj = {}; var str = url.substr(url.indexOf('?')).replace('?', ''); var arr = str.split('&'); for(var i = 0; i < arr.length; i ++){ var inArr = arr[i].split('=') newObj[inArr[0]] = inArr[1]; } console.log(newObj); } toObj(url);输出:{key0: "0", key1: "1", key2: "

    2020-06-08 15:47:27   2020-06-08 15:47:27
    分类:写一个Demo / 浏览:015916024477812
  • 文本不换行,多出的文本变成省略号

    Demo源码<div id="box"> <div id="text">1234567890</div> </div> <style> #text{ width: 60px; /* 限制宽度 */ overflow: hidden; /* 超出隐藏 */ white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; /* 省略号 */ } </style>../../md/写一个Demo/

    2020-06-08 14:53:04   2020-06-08 14:53:04
    分类:写一个Demo / 浏览:015915991841685
  • 用CSS写一个新拟态风格

    一个制作网站https://neumorphism.io/Demo源码<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新拟态风格</title> <style> body { background: #ecf0f3; } div { pos

    2020-06-07 17:43:32   2020-06-07 17:43:32
    分类:写一个Demo / 浏览:015915230121177
  • 写一个CSS3通过background-position进行背景色渐变且可transition动画效果

    由于 background-image 无法 transtion 动画。使用变通的方法通过 background-position 进行实现。Demo<md-video>mp4/bgc.mp4</md-video>CSS.list_hover{ box-shadow: 20px 20px 20px -24px #adadad; transition-duration: 1s; background: linear-gradient(-30deg, rgb(255, 234, 234), #ecfdff, #fdfdf0, #ffffff, #f5f5f5); background-size: 230%; padding: 1.6rem 2rem; } .list_hover:hove

    2020-05-14 13:40:20   2020-05-14 13:36:01
    分类:写一个Demo / 浏览:015894345612546
  • JS写一个输出10000以内的所有对称数的例子

    如:101、1001、2222 等等function func(nums){ for(let num = 1; num <=nums; num ++){ let cut,start_number,end_number; let num_length = String(num).length; if(num_length%2 === 1){ // 如果字符串长度是奇数 cut = (num_length - 1)/2; start_number = String(num).substr(0, cut); end_number = String(num).substr(cut + 1); // 这里奇

    2020-04-10 10:37:40   2020-04-10 10:37:40
    分类:写一个Demo / 浏览:015864862608506
  • 写一个回文字符串:将一个字符串倒叙排列

    // 回文字符串 function reString(val){ if (typeof val !== 'string'){ return '不是字符串'; }else{ return val.split("").reverse().join(""); } } console.log(reString('123456789')); // 987654321../../md/写一个Demo/

    2020-04-07 14:24:12   2020-04-07 14:23:50
    分类:写一个Demo / 浏览:015862406305630
  • 基于jQuery的鼠标指上两端推出下划线的效果

    1、先看效果2、源码奉上<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo</title> <style> .n_txt { font-size: 16px; float: left; margin: 6px; height: 20px;

    2020-03-12 16:31:34   2020-03-12 16:18:41
    分类:写一个Demo / 浏览:015840011213369
  • 春明


     
    百度站内搜索


  • 晋ICP备18012953号-1
  • 百度统计