Powered by md-Blog  文 - 篇  访客 -

  • ES6写一个进行词组单个字放大旋转效果

    1、先看效果2、demo.html<!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> body{ background: #8de2f5; } .cool { margin-top: 200px; text-ali

    2020-11-01 17:25:46   2020-02-19 20:32:26
    分类:写一个Demo / 浏览:015821155469221
  • 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-11-01 17:25:46   2020-04-10 10:37:40
    分类:写一个Demo / 浏览:015864862608506
  • JS随机获取 0-100 里的数

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

    2020-11-01 17:25:46   2020-06-08 15:49:40
    分类:写一个Demo / 浏览:015916025807120
  • 一个清除浮动的clearfix标准写法

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> .clearfix::after{ content:''; display: block;

    2020-11-01 17:25:46   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135142168
  • 写一个手机旋转倒计时

    1、先看效果2、demo.html<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--[if IE 8]><style>.ie8 .alert-circle,.ie8 .alert-footer{display:none}.ie8 .alert-box{padding-top:75px}.ie8 .alert-sec-text{top:45px}</style><![endif]--> <title>手机旋转倒计时</title> <style> .alert-box { position: fixed; top:10px; right:10p

    2020-11-01 17:25:46   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135141935
  • 取消元素的默认动作

    function(e){ e.preventDefault() }../../md/写一个Demo/

    2020-11-01 17:25:46   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135146742
  • 基于ES6生成器generator制作的一个ajax请求工作流

    step_2 的请求数据依赖于 step_1step_3 的请求数据依赖于 step_2<!DOCTYPE html> <html lang="ch"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo</title> </head> <body> </body> </html> <script src="https://cdn.bootcss

    2020-11-01 17:25:46   2020-03-01 09:20:51
    分类:写一个Demo / 浏览:015830256515322
  • 基于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-11-01 17:25:46   2020-03-12 16:18:41
    分类:写一个Demo / 浏览:015840011213369
  • 将一个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-11-01 17:25:46   2020-06-08 15:47:27
    分类:写一个Demo / 浏览:015916024477812
  • 用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-11-01 17:25:46   2020-06-07 17:43:32
    分类:写一个Demo / 浏览:015915230121177
  • 春明


     
    百度站内搜索


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