Powered by md-Blog  文 - 篇  访客 -

  • 写一个基于jQuery的回到顶部效果及置顶按钮制作

    1、先看效果移动端PC端2、先在 iconfont 找一个箭头 Logo地址:https://www.iconfont.cn/调整好参数点击 复制SVG 按钮,粘贴到 js文件 里面,下面代码块会附带。3、js 文件// 记得加载 jQuery 文件。 $(document.ready(function(){ // 置顶按钮 var scroll_top = '<div class="scroll_top"><svg t="1578536579009" class="icon" view

    2020-02-19 19:58:34   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135142337
  • 写一个手机旋转倒计时

    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-02-19 19:58:34   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135141935
  • 取消元素的默认动作

    function(e){ e.preventDefault() }

    2020-02-19 19:58:34   2020-02-19 19:58:34
    分类:写一个Demo / 浏览:015821135146742
  • jQuery回车登录

    $(document).keypress(function(e) { // 回车登录 if(e.which == 13){ // login function } })

    2020-02-19 19:58:33   2020-02-19 19:58:33
    分类:写一个Demo / 浏览:015821135135258
  • CSS3动画transition、animation、transform的使用方法

    1、CSS3 动画包含transitiontransition: width 1s ease 0s; 后面不要跟 all,占用浏览器资源animationanimation: name duration timing-function delay iteration-count direction fill-mode;有播放次数、播放方向、停止播放状态、是否暂停transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。会开启浏览器渲染GPU加速

    2020-01-16 14:19:15   2020-01-16 14:19:15
    分类:HTML5+CSS3 / 浏览:015791555554050
  • CSS里px、em、rem、%、vw、vh、vmin、vmax这些单位的区别

    CSS中常见的单位px:最常见的,页面按照精准样式展示,属于绝对单位em:基准点为父节点字体的大小,如果自身定义了font-size按自身来计算;也就是说这个em不是一个固定值,属于相对单位rem:相对单位,r可以看作为 ”root“,结合em,理解为相对根节点HTML的字体大小来计算vw:viewpoint width,视窗宽度,1vw等于视窗宽

    2020-01-16 14:03:56   2020-01-16 14:02:44
    分类:HTML5+CSS3 / 浏览:015791545648535
  • 春明


     
    百度站内搜索


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