m0_64383315的博客

这个主要运用编辑器wangEditor来写自动生成编辑器主要函数：var editor=new wangEditor(dom);//dom 参数 获取HTML的一个节点editor.create(};//通过js初始化内容1.eritor.txt.html();// 可以传参数 获取编辑区的html结构2.editor.txt.text();//获取编辑区的纯文本但是要记得引入框架js<script src="/wangEditor-3.1-1/release/w

@keyframes hovertreemove{from {top:30px;}to {top:130px;}}可以通过 @keyframes 规则，创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。0% 是动画的开始时间，100% 动画的结束时间。为了获得最佳的浏览器支持，您应该.

以回到顶部为例：goback.addEventListener('click', function () { setTimeout(function () { window.scrollTo(0, 0); }, 2000); this.style.transform = '(translateY(-52px)';})window.onscroll = function () { var h = document.documentElement.scr

与FreeMarker和Velocity一样，它是一种模板引擎。但他的特点是：即使不启动web应用，也可以直接在浏览器中打开正确的显示模板；以html属性出现，保证html的完整语法结构不被破坏；提供了内置的工具类，工具对象；支持HTML，js,raw等多种模板类型；Thymeleaf通过在html标签中，增加额外属性来达到“模板+数据“的展示模式；它的语法分为以下2类：1.标准表达式语法1）变量表达式${...}2) 选择标量表达式...

var border_1s=document.querySelectorAll('.border_1');var border=document.querySelector('.border');var banner=document.querySelector('.banner');var bannerTop=banner.offsetTop;var bordertop=border.offsetTop-bannerTop;var goback=document.querySelector('.

一般对于前端来说，轮播图是一个几乎必做的小项目，因此今天我们就来说说它的原理：轮播图的做法千万种，今天我就来说说我的轮播图；1.首先，要先获取元素，如何获取应该都知道，就不说了；2.还是要运用排他思想，即只有当前选项有这个类，其他的都没有（goIndex函数便是此效果）；3.我运用的思路其实是相当于在同一个地方放了很多个图片，然后一张一张的依次翻上来；4.用自定义属性将圆圈与图片连接起来；5.设置定时器效果，使它看起来平缓自然；// 大轮播图 var items=docum

// 新品首发板块的导航栏换块 var login_right_one_bs=document.querySelectorAll('.login_right_one_b'); var login_lis=document.querySelectorAll('.login_li'); for(var i=0;i<login_lis.length;i++){ login_lis[i].setAttribute('counts',i); login_lis[i].onmousemo.