本文实例为大家分享了js实现表格拖动选项的具体代码，供大家参考，具体内容如下题目要求如下图所示，具体思路：拖动改变选择项，用的的事件是js的拖动相关事件。代码：Document*{margin:0;padding:0;}ul,li{list-style:none;cursor:pointer;}.s...
JavaScript 2021-04-19 132 0 0 阅读全文
最近闲来无事，捣鼓捣鼓CSS发现了一个比较好动画库，就是TweenMax用起来略微有点麻烦，但是效果确实可以。首先在angular中使用TweenMax就得先通过npm安装1.npminstall--save-devgsap2.npminstall--save-dev@types/gsap然后再引入...
index.html代码如下贪吃蛇index.css代码如下#map{width:600px;height:400px;background-color:#ccc;position:relative;}food.js代码如下//自调函数开启一个新的作用域，避免命名冲突(function(){//局部...
JavaScript 2021-05-17 147 0 0 阅读全文
最近终于不忙了！！有时间沉淀一下之前学到的angular东东！！angular路由作为单页面应用，切换页面的时候都是一个页面，所以切换controller和按需加载控件js就成了大问题！！折腾了我半天啊，angular-route内置的办法也没有解决这个问题，最终我是用requireJs解决的这个问...
JavaScript 2021-06-11 126 0 0 阅读全文
本文实例讲述了angularjs自定义过滤器demo。分享给大家供大家参考，具体如下：这个基于angularjs的过滤器是最近做的"信息管理学院实验室预约"项目中的一个小功能。以下为数据:$scope['classes']=[{id:1,name:"H503"...
JavaScript 2021-04-28 132 0 0 阅读全文
有时，我们希望判断文本框中用户输入的字符是否含有特殊符号(*/#$@)，就像用户注册时密码框的填写。demo利用RegExp对象，能很优雅的实现以上需求：//even(文本框内容)function(even){//规则对象(flag)varflag=newRegExp("[`~!@#$^&...
一、EL表达式介绍ExpressionLanguage表达式语言是一种在JSP页面获取数据的简单方式(只能获取数据，不能设置数据)在JSP2.0开始引入概念语法格式在JSP页面的任何静态部分均可通过：${expression}来获取到指定表达式的值二、EL获取数据(从四大域中获取属性)EL只能从四大...
PIPE，翻译为管道。Angular管道是编写可以在HTML组件中声明的显示值转换的方法。Angular管道之前在AngularJS中被称为过滤器，从Angular2开始就被称为管道。管道将数据作为输入并将其转换为所需的输出。AngularPipes将整数、字符串、数组和日期作为输入，用|分隔，然后...
JavaScript 2021-06-24 139 0 0 阅读全文
一、实现效果二、使用步骤1.HTML和css石头剪刀布#bigbox{width:600px;height:600px;background:slateblue;margin:0auto;}#bigbox>h1{width:100%;text-align:center;color:#fffff...
JavaScript 2021-05-15 125 0 0 阅读全文
地图地图：宽，高，背景颜色，因为小蛇和食物都是相对于地图显示的，这里小蛇和食物都是地图的子元素，随机位置显示，脱离文档流的，地图也需要脱离文档流relative，----css需要设置：宽，高，背景颜色，脱标食物—div元素elements---->存储div的数组（将来删除的食物div时候，...
JavaScript 2021-05-15 121 0 0 阅读全文
ANgularJS 获取Ng-Repeat动态生成的Ng-Model值实例详解
代码html用例集全局参数配置参数参数值{{param}}应用取消JSvarModalInstanceCtrl=function($scope,$modalInstance,params){$scope.params=params;$scope.conf=[];$scope.ok=function(...
JavaScript 2021-05-25 171 0 0 阅读全文
效果图如下所示.wxml{{percen>100?100:percen}}%.wxsspage{background-color:#ddd;}.jindu{margin:50pxcalc((100%-80%)/2)0;width:80%;float:left;height:6rpx;backg...
JavaScript 2021-05-28 166 0 0 阅读全文
利用js控制电灯开关，供大家参考，具体内容如下题目：通过js来控制电灯的开关分析：获取电灯泡元素，给它绑定点击事件，通过鼠标点击来实现电灯泡的开关实现方法：方法一：获取图片元素，通过给按钮绑定点击事件来控制电灯开关电灯开关案例开灯关灯varopen=document.getElementById(&...
JavaScript 2021-04-22 131 0 0 阅读全文
jQuery中可以直接使用$el.append()为元素添加字符串型dom,但是最近转战Vue,再使用jQuery明显不合适了,所以通过查找资料,封装一个可以实现同样效果的方法.ShowMeTheCodeHTMLElement.prototype.appendHTML=function(html){...
JavaScript 2021-05-28 161 0 0 阅读全文
事件的概念事件：指的是文档或者浏览器窗口中发生的一些特定交互瞬间。我们可以通过侦听器（或者处理程序）来预定事件，以便事件发生的时候执行相应的代码。一、事件流1.事件流：描述的是在页面中接受事件的顺序2.事件冒泡:由最具体的元素接收，然后逐级向上传播至最不具体的元素的节点（文档）3.事件捕获：最不具体...
JavaScript 2021-05-10 153 0 0 阅读全文
碰撞检测目录代码实例与简易拖拽的差异下载源码链接 代码实例(function(){vardragging=falsevarboxX,boxY,mouseX,mouseY,offsetX,offsetYvarbox=document.getElementById('box')varbox2=docum...
JavaScript 2021-04-22 145 0 0 阅读全文
最近项目中有个需求，表头固定，内部实现滚动条。除了单个表头，还有多个表头的情况（下一篇中介绍）。效果图：html结构按区域划分可以分为三个大部分，一共是通过4个table组合成一个整体的table。然后通过col属性去设定列的宽度，注意：这里的宽度必须要设置为固定值。表头过滤功能暂时未实现。水平滚动...
JavaScript 2021-07-05 128 0 0 阅读全文
1、问题背景select下拉框里option组装成下拉框，这里利用ng-repeat指令来创建2、实现源码AngularJS之下拉框（方式二）varapp=angular.module("secondApp",[]);app.controller("secondCon&...
JavaScript 2021-05-11 139 0 0 阅读全文
网站名称网址{{v.name}}{{v.url}}网站名称网址{{v.name}}{{v.url}}{{web.name}}删除所有数据varm=angular.module('module',[]);//定义服务m.factory('videoServer',['$http',function($...
JavaScript 2021-06-23 166 0 0 阅读全文
尝试模仿京东的“发现好货”模块的可用滑块滑动的缓动图JS代码function$(id){returndocument.getElementById(id);}//缓动轮播图varfhTimer;varfhNum=0;varbarNum=0;fhTimer=setInterval(marquee,20...
JavaScript 2021-04-27 142 0 0 阅读全文
- 上一页
- 下一页