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

Jquery轮播图,

Jquery轮播图, 这次的作业是写一个选项卡,一个轮播图,我把两者结合起来写了一个网站常见的导航栏和选项卡 效果图如下: 我用的jquery方式写的所以在页面导入jquery的框架 接下来是页面的...(投递于2020-04-12 12:01:25)

Jquery键盘输入,

Jquery键盘输入, 根据上上篇的键盘ui界面我添加了一个输入框让键盘有了输入效果如下 界面代码可以去上上篇看: https://www.cnblogs.com/2979100039-qq-con/p/12641603.html 这那个代码基础上加了一个输入...(投递于2020-04-12 12:01:19)

关于使用jquery的load方法时被加载页面内部script失效问题的一次探

关于使用jquery的load方法时被加载页面内部script失效问题的一次探索, 事先声明:本文由初学者撰写,为一次探索的过程,可能有不严谨和准确的地方,望读者多多谅解并积极指正! 场景描述...(投递于2020-04-10 12:00:28)

记录一次 SelectPage 的使用,

记录一次 SelectPage 的使用, 文档地址:https://terryz.gitee.io/selectpage/guide.html...(投递于2020-04-06 12:00:57)

jQuery仿QQ音乐播放器,

jQuery仿QQ音乐播放器, 本文通过Html+CSS+jQuery开发仿QQ版的音乐播放器,是前端技术的综合应用,所用素材来源于网络,仅供学习分享使用,如有不足之处,还请指正。 涉及知识点 在本例中用到...(投递于2020-04-06 12:00:49)

jquery点击事件click无效,

jquery点击事件click无效, 在做图片删除的时候发现动态添加的图片右上角叉叉点击事件click无效? 试试这个解决方法(click后面参数加子元素) //图片删除$('#addImgBox').on('click','.img i',function(){...(投递于2020-04-02 12:01:25)

jquery如何判断鼠标是否在当前div上,实战方法,

jquery如何判断鼠标是否在当前div上,实战方法, 如图,想实现模糊查询点击文字赋值到搜索框,离开则关闭模糊查询提示,但失去焦点时模糊查询div隐藏就无法实现点击赋值的事件了,这时候...(投递于2020-04-02 12:01:15)

Jquery之动画,

Jquery之动画, jquery 动画 隐藏与显示 可以带一个整数参数,表示动画的时间;callback参数表示回调函数 动画效果是向左上角收缩或打开的。 淡入淡出 1、2、3、4都可以带毫秒参数,表示动画执行...(投递于2020-04-01 12:00:41)

jquery篇,

jquery篇, jQuery 快速、简洁的 JavaScript 框架,设计宗旨: write Less, Do More 。 作用:简化原生 js 的语法,解决浏览器兼容性问题。 引入 jQuery 可以直接引入在线地址,也可以在 jQuery [官方网站...(投递于2020-03-30 12:00:41)

jQuery——有关于jQuery操作 属性,元素,还有尺寸位置等,

jQuery——有关于jQuery操作 属性,元素,还有尺寸位置等, 1.有关于属性的操作 所谓的属性操作就是操作一系列的元素的属性,value啦class啦 .......特别是有关于input的操作是非常重要的。 为了完...(投递于2020-03-23 12:13:20)

Swiper快速切换插件,

Swiper快速切换插件, swiper2.0和3.0的区别: 3.0支持部分PC端浏览器 3.0合并js,新增动画功能animate.css 3.0继续更新,2.7.6停止更新 html结构: div class ="swiper-container" div class ="swiper-wrap" div class ="swi...(投递于2020-03-20 12:06:25)

zepto中的事件,

zepto中的事件, ready与onload的区别: script // DOM加载完毕(不包括图片等) $(document).ready( function (){ }) // 全部文件加载完毕(html文件+css文件+js文件+图片等) window.onload = function (){ } / script 综上...(投递于2020-03-19 12:05:26)

轮播图与图片查看器,

轮播图与图片查看器, 记录下两款好用的轮播图插件 : Swiper 官网:https://www.swiper.com.cn/ slick 官网:http://kenwheeler.github.io/slick/ 中文详解参考:https://www.awesomes.cn/repo/kenwheeler/slick 图片查看器...(投递于2020-03-19 12:04:52)

zepto中的动画+Ajax+touch模块+zepto插件,

zepto中的动画+Ajax+touch模块+zepto插件, zepto中的动画 zepto中不具备动画模块,需要单独引入 fx.js 和 fx_methods.js https://github.com/madrobby/zepto toggle 元素显示与隐藏 ! DOCTYPE html html lang ="en" head meta cha...(投递于2020-03-19 12:03:23)

图片轮播,

图片轮播, 1 !doctype html 2 html 3 head 4 meta charset="utf-8" 5 title呼吸灯效果/title 6 !--适应移动端-- 7 meta name="viewport" content="width=device-width, initial-scale=1" 8 !--css样式-- 9 style 10 11 *{margin:0;padding:0;list- st...(投递于2020-03-18 12:11:42)

jQuery实现颜色打字机,

jQuery实现颜色打字机, 效果:每个字逐个显示出来,并且每个字都有随机颜色 $( function (){ var str="早起的鸟儿有虫吃,早起的虫儿被鸟吃!由此天赋+勤奋=成功;先天不足+同等勤奋=还是失败!天...(投递于2020-03-18 12:07:48)

zepto选择器,

zepto选择器, 跟jQuery非常类似,非常适合移动端 先去官网下载zepto.min.jshttps://www.bootcdn.cn/zepto/ https://www.bootcdn.cn/zepto/ 在网页中引入 script src="js/zepto.min.js"/script 编写第一个zepto小程序 ! DOCTYPE h...(投递于2020-03-18 12:07:14)

zepto中的DOM操作,

zepto中的DOM操作, zepto中的DOM操作 插入操作 append appendTo 插在最后一个子元素后面 prepend prependTo 插在第一个子元素前面 after insertAfter 插在该元素后面,作为兄弟元素 before insertbefore 插在该元素...(投递于2020-03-18 12:06:49)

jQuery 遍历,

jQuery 遍历, 实例 本例演示如何通过 closest() 完成事件委托。当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind(click, function( e ) { $( e.target ).closest(li).toggleClass...(投递于2020-03-17 12:04:24)

jQuery 遍历,

jQuery 遍历, 实例 构建表单中所有值的列表: $(p).append( $(input).map(function(){ return $(this).val();}).get().join(, ) ); 亲自试一试 定义和用法 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返...(投递于2020-03-17 12:04:19)

jQuery 事件,

jQuery 事件, 实例 当点击鼠标时,隐藏或显示 p 元素: $(button).bind(click,function(){ $(p).slideToggle();}); 亲自试一试 定义和用法 bind() 方法为被选元素添加一个或多个事件处理程序,并规定事件发生...(投递于2020-03-17 12:04:15)

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)