JQuery实现轻量级滑动悬浮固定功能

9.7k 前端, 记录 , 发表评论
滚动悬浮固定功能非常实用,特别是网站导航栏,以及文章目录等,用户体验超级棒。 查看演示  下载源码 网上有很多方法可以实现,不过大部分比较复杂(当然可配置的功能也很多),而且同时包含了 js+css 文件。但是,我们的需求往往很简单,希望尽量轻量。比较了数个方法后,觉得SF上的一个方法非常好,经过一番修改,更加灵活、好用了。…

JQuery+CSS实现【返回顶部】按钮,不需要图片

2.7k 前端 发表评论
【返回顶部】按钮实现起来并不麻烦,有用图片实现的,有用Font Awesome实现的,效果都不错,但是都重了了些。这里我们用JQuery和CSS实现,相对更加轻量,代码也很简单,不需要加载额外的 js 文件。效果如下: 首先,在页面 <body>标签内 任何地方加上下面的HTML节点: <a href="#" class="scrollup">&rsaquo;</a>…

jQuery悬浮遮罩显示图片或文字效果

3.5k 前端 发表评论
一直在寻找一款能够实现鼠标悬浮遮罩的效果,找了好久硬是没有找到合适的,好不容易找到一个,又实际需求不一样,必须要自己修改。如下是修改后的两个效果。一个是鼠标悬浮后从下往上遮罩,一个是在当前图片上逐渐显示。 1 从下往上遮罩 代码如下,为方便测试,将一下代买直接复制成HTML文件就可以看到效果了: <!DOCTYPE html PUBLI…

Opencart静态化地址SEO Keyword自动填充

3.6k 记录 , 发表评论
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内容保存)

4.8k 前端 , 4评论
JQuery UI Autocomplete(自动补全)功能在input前端设计中非常有用,最近一个项目正好用到,仔细研究了下组合框(combobox)的自动补全部分,官方地址是:https://jqueryui.com/autocomplete/#combobox。 官方的功能需要一个额外下拉按钮才能显示全部option选项,有些画蛇添足。我的需求是,只要点击输入框,就要显示全部的option选项…
« 上一页