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