菜单

轮播图插件Owl Carousel 2.3.4销毁启用的方法

当浏览器宽度大于768px时不使用Owl Carousel,小于或等于768px就使用Owl Carousel,实现方法。 引用Owl Carousel 2.3.4插件文件 <link rel="stylesheet" type="text/css" href="owl.carousel.min.css" media="screen"/> <script type="text/javascript" src="owl.carousel.min.js"></script> 调用代码: $(window).on('re...

jquery绑定,移除,触发关联事件汇总

unbind(type [,data]) //data是要移除的函数 $('#btn').unbind("click"); //移除click $('#btn').unbind(); //移除所有 对于只需要触发一次的,随后就要立即解除绑定的情况,用one() $('#btn').one("click",function(){.......}); 触发操作:trigger()方法触发被选元素的指定事件类型。 $('#btn').trigger("click"); 触发自定义事件:bind()方法为被选元素添加一个或多个事件处理程序,并规定事件发...

javaScript移动端touch触摸事件touchstart,touchmove,touchend详解

触摸事件touchstart、touchmove和touchend的出现是因为iOS版Safari浏览器为了向开发人员传达一些信息而新添加的事件。因为ios设备既没有鼠标也没有键盘,所以在为移动Safari浏览器开发交互性网页的时候,PC端的鼠标和键盘事件是不够用的。 在iPhone 3Gs发布的时候,其自带的移动Safari浏览器就提供了一些与触摸(touch)操作相关的新事件。随后,Android上的浏览器也实现了相同的事件。触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。 下面具体说明: ...

获取input type="file"上传文件的文件名称的方法

通过js获取包含和不包含路径的上传文件名称。 html代码: <div id="filename"></div> <form> <input type="file" name="file" class="file" id="fileField" onchange="document.getElementById('filename').value=this.files[0].name"/> <input type="submit" class="btn" value="上传" /> </f...

JavaScript四舍五入保留小数位的方法toFixed()

toFixed()方法可以把指定数字的小数位数四舍五入后保留指定的位数,如保留两位小数、三位小数。 语法: NumberObject.toFixed(num) NumberObject - 数字对像 num - 要保留的小数位数,是 0 ~ 20 之间的值,包括 0 和 20,如果省略了该参数,将用 0 代替。 返回值: 返回NumberObject的字符串表示,不采用指数计数法,小数点后有固定的num位数字。如果必要,该数字会被舍入,也可以用0补足,以便它达到指定的长度。如果num大于...

通过纯css3代码实现六边形边框

通过纯css3代码实现六边形边框

最外层boxF旋转120度、第二层boxS旋转-60度、第三层boxT再旋转-60度,此时刚好回正,然后把图片就放在第3层的div背景中。因为前两层div中没有东西,纯粹就是用来旋转得到6边形的,所以对1,2层div设置visibility: hidden; 而第3层div是放图片的,需要显示出来,因此设置visibility: visible; 经过旋转肯定有超出的部分,因此对3个div都设置overflow:hidden;经过旋转和对超出部分的隐藏我们就可以得到我们想要的6边形了。 注意: 如果不对第3层div设置v...

添加sublime text3 less代码高亮显示插件

添加sublime text3 less代码高亮显示插件

sublime text less代码高亮插件下载地址:https://github.com/danro/LESS-sublime/ 插件安装方法: 1、打开sublime text3软件,点击工具栏上的“Preferences —> Browse Packages...” 2、把下载less代码高亮插件解压出来的文件夹放在打开的“Packages”文件夹里 3、重新启动sublime text3软件即可。

解决windows 10系统电脑前面板耳机没有声音

解决windows 10系统电脑前面板耳机没有声音

确认驱动没有问题的情况下按以下步骤设置: 1、开始——Windows 系统——控制面板 2、视图切换为大图标,然后打开Realtek高清晰音频管理器 3、右边的“前面板”图标是灰色的,就点击右下角的“板手”(设置)按钮 4、“禁用前面板插孔检测”是关闭状态,点击设置为启用状态 5、返回主界面,“前面板”里的图标亮了 检查电脑桌面右下角的喇叭状态,正常的话就可以在主机前面板使用耳机了。

Sublime text3关闭更新检查提示

Sublime text3关闭更新检查提示

1、点击sublime窗口的Preferences -> Settings 2、在配置文件中修改update_check的值为false,如果没有该配置,则添加"update_check":false,如下图:

javascript获取当前页面url网址参数信息代码

使用原生js获取web当前页面url网址信息,包括获取完整url、url协议、url主机、url端口号、url路径、url问号?后面部分、url井号#后面部分。 1、获取整个URL地址 当前页面:https://www.tddx.net/geturl.html?id=1 var _url = window.location.href; alert(test); 返回值:https://www.tddx.net/geturl.html?id=1 2、获取URL协议 当前页面:https://www.tddx.net/getur...

原生javascript实现点击展开,再点击关闭效果(fadeToggle)

使用原生javascript实现点击展开关闭div效果。 html代码: <span onclick="clickshow('element');"></span> <div id="element"> 欢迎访问http://www.neirong.org! </div> javascript代码: function clickshow(element){ var _obj = document.getElementById(element); if(_obj.style.display ==...