51dev.com IT技术开发者社区

51dev.com 技术开发者社区

怎样用js实现自定义右键菜单

怎样用js实现自定义右键菜单

今天来讲一个关于右键菜单的小demo,抛砖引玉。首先,我们要用css和html做一个自定义右键菜单。<!--自定义右键菜单html代码--><divid="menu"><divclass="menu">功能1</div><divclass="menu">功能2...

json单引号和双引号转义 完美解决由特殊字符引起的json解析错误

json单引号和双引号转义 完美解决由特殊字符引起的json解析错误

最近遇到json串里的内容包含单引号导致不能正常解析。使用html转义字符代替单引号、双引号等,即可解决:        str=str.replaceAll("'","&#39;")...

JS弹框3秒后自动消失

JS弹框3秒后自动消失

开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例。 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法。该弹框使用了jquery-ui中的draggable方法,可拖动。目录结构如下:下面是案例代码:demo.h...

用js数组实现最原始的图片轮播实现

用js数组实现最原始的图片轮播实现

上班以来看到了,写了很多的轮播图效果,实现方法大致有1.将图片局对定位,利用z-index和opacity实现图片渐现2.用css3的transtion:Xxxxleft/right,实现左右方向滑动轮播(淘宝)3.在图片组的前后,各加一张图片,实现无缝连接4.通过改变图片组外层的margin或者left值实现今天我要...

html格式化json的实例代码

html格式化json的实例代码

这篇文章主要介绍了html格式化json的实例代码,需要的朋友可以参考下<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>JSBin</title><linkrel="styleshe...

js自动播放——幻灯片上下轮播效果(适用移动端)

js自动播放——幻灯片上下轮播效果(适用移动端)

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><!--savedfromurl=(0039)http://www.fgm...

js清除浏览器缓存的几种方法

js清除浏览器缓存的几种方法

以前很少关注这方面的问题,直达我们的技术经理找我们说要换框架,为什么换框架呢,因为缓存的问题,原来的项目是用版本号作为刷新的依据的。因为微信公众号上有这样一个机制,使用版本好的话,有时做不到及时刷新,所以就用了vue.js,因为它有这样的功能就是如果某个文件里面的数据改变了,那么vue.js就会把这个文件的名字也相应的...

js原生碰撞检测

js原生碰撞检测

<!doctypehtml><html><head><metacharset="utf-8"><title>无标题文档</title><style>div{width:100px;height:100px;}#box{backgroun...

js中怎么获取系统当前时间 格式 yyyy-MM-dd HH:MM:SS

js中怎么获取系统当前时间 格式 yyyy-MM-dd HH:MM:SS

functiongetNowFormatDate(){vardate=newDate();varseperator1="-";varseperator2=":";varmonth=date.getMonth()+1;varstrDate=date.getDate();if(month>=1&&mo...

js获取当前时间与传入的时间进行比较 格式yyyy-MM-dd hh:mm:ss

js获取当前时间与传入的时间进行比较 格式yyyy-MM-dd hh:mm:ss

//时间比较functioncheckEndTime(){varmydate=newDate();varstr=""+mydate.getFullYear()+"-";str+=(mydate.getMonth()+1)+"-";str+=mydate.getDate();vartady=newDate(str.rep...

js中的ajax的运用

js中的ajax的运用

XMLHttpRequest对象IE7+,FireFox,Chrome,Opera,Safari创建XHR对象:varxhr=newXMLHttpRequest();创建XHR对象的兼容性写法:functioncreateXHR(){if(typeofXMLHttpRequest!="undefined"){retur...

AngularJS写的一个购物车数量加减

AngularJS写的一个购物车数量加减

电商网站的购物车加减模块,这里分别用了angularJS与jquery两钟方法实现。经常写电商的同学们经常会写上面这样的东西,以前一直用jq写的,最近在学习angularJS,刚好看到事件这一块,于是想到了这个。上面是用angularJS写的一个模块,用<body><divng-app="myApp"...

js实现购物车加减和价格运算

js实现购物车加减和价格运算

主要实现功能:购物车的加减,单件商品价格的运算,总价格的运算。价格保留两位小数。 <divclass="content"><divclass="logo"><imgsrc="images/dd_logo.jpg"><spanonclick="guan()">关闭...

JS循环轮播图

JS循环轮播图

JS循环轮播图,可以拿去研究也可以放在自己的项目中使用,免费提供JS源码~帮助你们学习JS咯~代码:<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>PHP中文网</title><st...

JS定时器初步实践

JS定时器初步实践

效果:数值从0到10来回变化方法1:用一个定时器实现vara=0,b;functionchange(){if(a===0)b=1;if(a===10)b=-1;console.log(a=a+b);}vartimer=setInterval(change,200);方法2:用两个定时器实现vara=0vartimer1...