jquery页面头部菜单自适应展示个数同时兼容页面放大缩小的自适应展示处理方案

jquery页面头部菜单自适应展示个数同时兼容页面放大缩小的自适应展示处理方案案例:NoteShare专题头部菜单的自适应个数展示处理以下是代码情况var time = null; $(window).resize(function() { if (null != time) { clearTimeout(time);

作者:星辰 时间:2018-06-18 浏览 352评论 0 赞 0砸 0 标签: demo jquery 前端

前端组织结构图相关插件整理与对比

相关插件地址与效果收集一:OrgChart使用jQueryCSS3实现一个帮助你生成组织结构图的jQuery插件。你只需要轻松定义JSON格式树型结构数据,插件会轻松帮你生成组织架构图。主要特性:支持节点缩放展示,超轻量级,方便的修改CSS定义样式,定义每个架构上图形默认使用了FontAwesome字体图标,兼容性好,基本支持所有浏览器地址:http://www.html580.com/122

作者:星辰 时间:2017-01-12 浏览 1516评论 0 赞 0砸 0 标签: jquery js plugins

自定义滚动条课程004-具体实现代码和效果查看路径

以下是具体的代码前面我们七七八八的讲了些基础也分析了一些小的实现,下面我们直接上代码,代码里面均有注释,结合前面几节课的知识,我相信代码能够看得明白。有看不明白的可以留言。<!DOCTYPEhtml><html><head><metacharset="utf-8"/><title>scroll</title><lin

作者:星辰 时间:2016-09-26 浏览 1010评论 0 赞 0砸 0 标签: demo jquery 前端 课程

自定义滚动条课程003-效果实现分析

通过前两节的课程我们已经为实现滚动条打好了基础,并准备好了基础材料,接下来我们要开始书写自定义滚动条的核心代码。滑块滚动效果实现分析第一我们要知道滑块的滚动可能是通过鼠标来完成的,那我们拖动鼠标的距离其实就是滑块要移动的距离第二我们要明确知道滑块可移动距离,滑块可移动距离为当前滑块所在位置到图上滚动条最底部的距离第三我们要明确知道内容区的可视区域第四我们要明确知道内容区的可滚动距离,其实就是文

作者:星辰 时间:2016-09-26 浏览 989评论 0 赞 0砸 0 标签: demo jquery 前端 课程

自定义滚动条课程002-滚动条交互脚本的基本代码组织结构以及jQuery的extend函数讲解

课程列表:自定义滚动条课程001-html和样式的编写为什么需要自定义滚动条课程002上节课程中我们编写了自定义滚动条的html代码和css脚本,但是他只是将滚动条的固定效果做出来了,但是还不能滚动,为了能使其能像浏览器的滚动条一样正常的滚动我们必须为其书写滚动脚本,这也就是这节课的主题所在。基础知识准备$.extend的函数讲解以下是$.extend函数的定义其主要有三种用法只传入一个参数数

作者:星辰 时间:2016-09-24 浏览 1128评论 0 赞 0砸 0 标签: demo jquery 前端 课程

返回网页顶部demo

网页返回顶部功能demo实现功能描述:在页面右下角距离底部30px,距离右边30px的地方显示一个返回顶部的按钮,当刷新页面时按钮默认隐藏,当滚动页面到一个页面的高度时显示返回顶部按钮,当向上滚动到滚动条位置不足一个页面高度时隐藏返回顶部按钮。实现代码如下:html代码<!--返回顶部start--><buttontype="button"class="btnbtn-prim

作者:星辰 时间:2016-08-29 浏览 893评论 0 赞 0砸 0 标签: jquery javascript demo

自定义进度条及uploadify进度条的修改

自定义进度条:在上传附件时经常有需要用到进度条,而很多插件都是自带flash进度条,不好改又不好看,所以我们就希望能够自己书写进度条。以下是给出了一个进度条例子;并给出了对jquery.uploadify.js进度条的修改方案。自定义进度条测试代码如下:<!DOCTYPEhtml><html><head><metacharset="UTF-8">

作者:星辰 时间:2016-08-01 浏览 1595评论 0 赞 0砸 0 标签: jquery 前端

jquery源码分析-deferred对象详解

作者:阮一峰日期:2011年8月16日jQuery的开发速度很快,几乎每半年一个大版本,每两个月一个小版本。每个版本都会引入一些新功能。今天我想介绍的,就是从jQuery1.5.0版本开始引入的一个新功能----deferred对象。这个功能很重要,未来将成为jQuery的核心方法,它彻底改变了如何在jQuery中使用ajax。为了实现它,jQuery的全部ajax代码都被改写了。但是,它比较

作者:星辰 时间:2016-07-20 浏览 797评论 0 赞 0砸 0 标签: jquery

jQuery Jcrop头像裁剪器

jQueryJcrop头像裁剪器网址:http://noteshare.site/jcrop/index.html项目需要做一个头像截取的功能,类似于QQ头像截取功能。在网上搜了下,最后使用jQuery插件jcrop来截取,在后台来进行图片切割。头像截取的原理:在前台使用jcrop获取切面的x轴坐标、y轴坐标、切面高度、切面宽度,然后将这四个值传给后台。在后台要进行放大处理:将切面放大N倍,N

作者:星辰 时间:2016-05-08 浏览 737评论 0 赞 1砸 0 标签: jquery js plugins