欢迎来到3672js教程,我们关注js教程、js框架、js代码特效等。

jQuery 事件,

jQuery 事件, 实例 当双击按钮时,隐藏或显示元素: $(button).dblclick(function(){ $(p).slideToggle();}); 亲自试一试 定义和用法 当双击元素时,会发生 dblclick 事件。 当鼠标指针停留在元素上方,然后按...(投递于2020-03-17 12:03:59)

java 文件上传,

java 文件上传, 一、前端页面 1、html (1)设置input的type类型为file,代表用于文件上传。 (2)accept属性,它规定能够通过文件上传进行提交的文件类型。accept值是MIME 类型列表,多个类型之间用逗号...(投递于2020-03-16 12:11:03)

Vue代码优化之mixins 混合器的使用,

Vue代码优化之mixins 混合器的使用, 使用场景 主要抽离组件共用的代码,如各个页面中分页组件的data、methods,和ui原型中统一的confirm和alert弹窗 以及加载的进度条等 混合器: // mixin.jsexport...(投递于2020-03-16 12:10:59)

适用于Web开发人员的20个CSS调色板,

适用于Web开发人员的20个CSS调色板, 颜色是设计的重要组成部分。 而选择完美的配色方案是所有网页设计师必须经历的一步。 以下是针对Web开发人员的20个CSS调色板。 1.GRADIENTS COLLECTION PREVIE...(投递于2020-03-16 12:10:49)

jQuery+CSS3实现404背景动画特效【转】,

jQuery+CSS3实现404背景动画特效【转】, jQuery+CSS3实现404背景动画特效 效果: http://hovertree.com/texiao/jquery/74/ 源码下载: http://hovertree.com/h/bjaf/ko0gcgw5.htm 效果图如下: 代码如下: !DOCTYPE htmlhtmlhe...(投递于2020-03-12 12:05:26)

jQuery的语法,

jQuery的语法, jQuery的语法相对容易,而且插件丰富,功能强大 $(" ") 用来选择表签,可以是 $("span") 直接选择 span $("#abc") 选择ID为 abc 的标签 $(".abc") 选择class 为 abc 的标签 html( ) 是函数 意思是...(投递于2020-03-08 12:05:15)

JS实现键盘监听(包括组合键),

JS实现键盘监听(包括组合键), $(document).keyup(function(event){ //键盘按下触法 console.log("Key: "+event.keyCode); if(event.ctrlKey event.keyCode=== 67){ console.log('ctrl+V'); } });...(投递于2020-03-07 12:05:47)

初探Tailwind CSS

初探Tailwind CSS 写CSS有些年头了,经历了不同的时期用不同的姿势来编写CSS,其目的就是给Web元素添加样式。但编写样式着实令人感到烦恼,甚至是效率低下,成本极高。也正因如此,社区中有...(投递于2020-03-06 12:07:04)

ie8浏览器下对象不支持addEventListener属性或方法的问题?,

ie8浏览器下对象不支持addEventListener属性或方法的问题?, 今天遇到一个很狗血的问题,ie8以下浏览器jquery控制台会报错,原因是jquery2.0以上的版本不支持addEventListener属性或方法。更换了jque...(投递于2020-03-04 12:06:53)

jQuery实现商品楼层和电梯功能,

jQuery实现商品楼层和电梯功能, 效果图 floor.html ! DOCTYPE html html lang ="zh-CN" !-- 设置简体中文 -- head meta charset ="UTF-8" title floor / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href =".....(投递于2020-03-04 12:06:45)

jQuery实现网页侧栏工具条,

jQuery实现网页侧栏工具条, 效果图 toolbar.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title toolbar / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href ="../css/toolbar.css" / head body 顶...(投递于2020-03-04 12:06:38)

Web_jQuery,

Web_jQuery, 楔子 需求一: 有html标签关系如下,请找到所有的含有a标签的li标签 div ul li class="city"北京/li li class="city"a href=""上海/a/li li class="city"天津/li /ul /div script var objs = document.getElementsByCla...(投递于2020-03-03 12:06:36)

jquery模拟生日日期下拉选择框,

jquery模拟生日日期下拉选择框, 现在有很多关于日期的插件,但是都是年、月、日以日历的形式出现,我在项目有需求是日期以下拉框的形式完成。如图: //HTML代码如下; div class ="phone_mati...(投递于2020-03-03 12:06:30)

jQuery封装的轮播图组件(按需加载),

jQuery封装的轮播图组件(按需加载), 效果图 slider.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title slider / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href ="../css/slider.css" /...(投递于2020-03-02 12:06:56)

jQuery封装的组件完成广告屏滑动,

jQuery封装的组件完成广告屏滑动, 效果图 ad.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title ad / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href ="../css/ad.css" / head body !-- 今日...(投递于2020-03-02 12:06:50)

jquery滑动模式的幻灯片组件(实现无缝切换),

jquery滑动模式的幻灯片组件(实现无缝切换), 效果图 slider2.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title slider / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href ="../css/...(投递于2020-03-01 12:02:24)

jquery滑动模式的幻灯片组件,

jquery滑动模式的幻灯片组件, 效果图 slider.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title slider / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href ="../css/slider.css" / head body d...(投递于2020-03-01 12:02:19)

jQuery对象只能使用jQuery提供的方法,不能使用原生js提供的方法

jQuery对象只能使用jQuery提供的方法,不能使用原生js提供的方法, var img=$(".img" );img.attr( "src",url); 这个img是jQuery对象,因此使用jQuery提供的方法.attr来操作属性 var img= new Image(); // 创建一个img标...(投递于2020-03-01 12:02:14)

jQuery封装tab选项卡组件(自定义自动功能和延迟显示功能),

jQuery封装tab选项卡组件(自定义自动功能和延迟显示功能), 效果图 tab.html ! DOCTYPE html html lang ="zh-CN" !-- 设置简体中文 -- head meta charset ="UTF-8" title tab / title link rel ="stylesheet" href ="../css/base.css"...(投递于2020-03-01 12:01:40)

jQuery封装的tab组件(可选自动+可选延迟处理+按需加载),

jQuery封装的tab组件(可选自动+可选延迟处理+按需加载), 效果图 tab2.html ! DOCTYPE html html lang ="zh-CN" !-- 设置简体中文 -- head meta charset ="UTF-8" title tab2按需加载 / title link rel ="stylesheet" href ="../c...(投递于2020-03-01 12:01:28)

jquery幻灯片淡入淡出组件封装,

jquery幻灯片淡入淡出组件封装, 效果图 slider.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title slider / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href ="../css/slider.css" / head bod...(投递于2020-02-29 12:06:04)

jquery滑动效果的运动模块封装,

jquery滑动效果的运动模块封装, 效果图 move.html ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title move / title link rel ="stylesheet" href ="../css/base.css" link rel ="stylesheet" href ="../css/move.css" / head body div...(投递于2020-02-29 12:05:30)

jQuery瀑布流插件masonry,

jQuery瀑布流插件masonry, 项目要做荣誉证书的排版,宽度是统一的,但是高度不一致 采用瀑布流的效果来实现 默认先实现前15张,点击按钮再加载全部剩下的数据 效果图 首先是html部分,写好...(投递于2020-02-28 12:01:44)

$.getJSON获取json数据失败,

$.getJSON获取json数据失败, 首先简单介绍下 $.ajax $.get $.post $.getJSON 的区别和用法 $.ajax中有一个type属性,专门用来指定是get请求还是post请求的 分别对应的就是$.get和$.post getJSON()和get是一样的,...(投递于2020-02-26 12:08:12)

网页延迟加载动画的实现-WOW.js,

网页延迟加载动画的实现-WOW.js, 网页内容一开始不显示,随着鼠标下拉延迟显示,还有时间差 一开始觉得好难好复杂好高大上,直到我发现 wow.js 首先是演示地址:https://www.delac.io/wow/ 嗯,狗...(投递于2020-02-26 12:08:06)