JQuery实现轻量级滑动悬浮固定功能 2016-01-20 9.8k 前端, 技术 JQuery, 前端 发表评论 滚动悬浮固定功能非常实用,特别是网站导航栏,以及文章目录等,用户体验超级棒。 查看演示 下载源码 网上有很多方法可以实现,不过大部分比较复杂(当然可配置的功能也很多),而且同时包含了 js+css 文件。但是,我们的需求往往很简单,希望尽量轻量。比较了数个方法后,觉得SF上的一个方法非常好,经过一番修改,更加灵活、好用了。…
JQuery+CSS实现【返回顶部】按钮,不需要图片 2015-12-20 2.7k 前端 JQuery 发表评论 【返回顶部】按钮实现起来并不麻烦,有用图片实现的,有用Font Awesome实现的,效果都不错,但是都重了了些。这里我们用JQuery和CSS实现,相对更加轻量,代码也很简单,不需要加载额外的 js 文件。效果如下: 首先,在页面 <body>标签内 任何地方加上下面的HTML节点: <a href="#" class="scrollup">›</a>…
jQuery悬浮遮罩显示图片或文字效果 2015-12-15 3.5k 前端 JQuery 发表评论 一直在寻找一款能够实现鼠标悬浮遮罩的效果,找了好久硬是没有找到合适的,好不容易找到一个,又实际需求不一样,必须要自己修改。如下是修改后的两个效果。一个是鼠标悬浮后从下往上遮罩,一个是在当前图片上逐渐显示。 1 从下往上遮罩 代码如下,为方便测试,将一下代买直接复制成HTML文件就可以看到效果了: <!DOCTYPE html PUBLI…
Opencart静态化地址SEO Keyword自动填充 2015-09-16 3.6k 技术 JQuery, Opencart 发表评论 Opencart 开启静态化后,产品、分类、信息等页面的静态化地址SEO Keyword还是需要手动填写,否则前台就不会使用静态化的地址,如果产品很多,那么这样的工作也是非常繁琐的。而一旦不设置,URL和搜索引擎收录来说又不友好。 那么,我们应该如何设置呢?其实很简单,甚至不需要修改 Opencart 本身源代码,只是需要自己做一个插件即可,步…
JQuery表单验证工具jQuery Validation Engine安装和使用 2015-09-16 2.6k 前端 JavaScript, JQuery 发表评论 还在用 Javascript 一行行写表单验证吗?那就 OUT 了,使用 jQuery Validation Engine 可以一步到位完成表单的验证了,如下是一张缩略图: 那么该如何使用呢?步骤也很简单。 1 下载 Github下载:https://github.com/posabsolute/jQuery-Validation-Engine 本地下载:jQuery-Validation-Engine-master 2 安装 下载完成后,从压缩包中提…
JQuery UI组合框自动补全功能改进版(即时全部显示+input内容保存) 2015-09-09 4.9k 前端 JQuery, 自动补全 4评论 JQuery UI Autocomplete(自动补全)功能在input前端设计中非常有用,最近一个项目正好用到,仔细研究了下组合框(combobox)的自动补全部分,官方地址是:https://jqueryui.com/autocomplete/#combobox。 官方的功能需要一个额外下拉按钮才能显示全部option选项,有些画蛇添足。我的需求是,只要点击输入框,就要显示全部的option选项…