使用JavaScript代码实现页面下滑时顶部导航栏固定跟随页面滚动
上篇文章讲过了如何使用jQuery实现页面下滑时顶部导航栏固定跟随页面滚动，有的朋友找到我说，有的模板并没有引入jQuery库，如果不引入怎么实现呢？实现导航栏跟随页面滚动的效果并不一定需要jQuery。现代的前端开发越来越倾向于使用原生的JavaScript，因为它更轻量、更快速，并且不依赖于任何外部库。今天给大家分享下，使用原生JavaScript实现导航栏跟随页面滚动效果的示例。HTML代码
使用jQuery实现页面下滑时顶部导航栏固定跟随页面滚动
现在很多建站公司或工作室都是使用模板去建站，为了更符合客户的需求难免遇到一些小的改动。今天给大家分享一下如何使用jQuery实现页面下滑时，实现网站的头部区域或网站导航栏固定跟随页面滚动效果。如下图：实现思路：可以通过使用jQuery来监听页面的滚动事件，然后动态的添加或移除sticky类，改变导航栏的样式或者位置来实现。代码示例：HTML代码示例：
迅睿cms网站任意页面前端调用全局模块表单提交及自定义样式方法
使用迅睿cms搭建企业站时，经常会用到全局模块表单插件制作在线留言功能。默认情况下模块表单提交页面是单独的一个页面，本篇教程目的是实现把表单提交页面放到任意其他页面模板中。新建全局表单根据自己需求，输入表单名称、表单别名（下面会用到别名）如下图：模板页面调用在指定的页面模板中，例如首页（index.html）指定位置添加以下代码（代码中的‘liuyan’改成你的表单别名）：{p
迅睿cms会员登录/注册/退出登录后跳转到指定链接或返回当前页面
使用迅睿cms搭建网站，点击注册和登录后默认是跳转到会员中心，这样用户体验较差，比如可能导致用户找不到之前访问的页面。再就是如果用户在用户中心，点击退出账号，默认是跳转到登录界面。本文要解决的是会员登录/注册/退出后如何跳转到指定链接 或 返回当前页面。登录注册跳转方法一URL链接模式通过改造登录链接，参考下方代码，可以实现跳转到指定域名：//指定链接登录：{dr_member
迅睿cms模板循环标签每隔几行几个更换或指定输出特定样式
制作前端模板时，有时在调用循环标签时，需要每隔几条内容，更换或指定输出特定样式。比如列表页循环每逢第三个更换样式；比如循环中实现每隔5条记录加一个隔行符号；比如实现隔行更换样式；比如Table中每三篇文章输出一个特定字段。
将Html5手机端网站封装为微信小程序的方法（图文教程）
怎么用网站制作为微信小程序？如果你的网站是自适应的或者有H5手机端，可以将网站直接封装成微信小程序，除了不能使用微信支付功能外，其他类似分享的功能都是和真正的小程序端无异的，如此一来，可以省去开发微信小程序的时间和成本。前提要求网站域名已通过ICP备案（新备案域名需24小时后）网站必须开启https，比如 https://www.tiankelong.com/ 拥有网站服务器上传权限（需
使用VenoBox弹出窗口灯箱插件实现图片相册功能
之前分享过FancyBox弹出窗口插件的应用，今天再分享一个类似的 jQuery 灯箱插件，使用VenoBox弹出窗口实现图片相册功能。比如详情页的图集功能、相册功能、列表页的图片预览等等都可以使用。这个插件区别在于 会计算显示图像的高度，并保留其高度。引用插件文件插件DEMO文件在本文末可下载，实际引用时改成自己的目录即可。
使用FancyBox弹出窗口插件实现图片/视频点击弹出层浏览
在建站中，FancyBox弹出窗口插件应用的范围很广，比如详情页的图集功能、相册功能、列表页的图片预览、视频弹出播放等等。不仅可以实现弹出层浏览，而且可以左右切换，查看列表等，今天分享一下使用方法。效果如下图：引用fancybox所需要的文件你可以下载至本地（文末可下载）或者引用CDN。CDN引用代码示例：编写相册所需的HMTL代码只需要把图片 或 视频 地址放到a标签中，加入
迅睿cms搜索参数单选/多选/下拉字段条件筛选写法
迅睿cms想实在多条件筛选，单选、多选等。如下图这种条件搜索，有的字段是单条件，有的字段是使用多个条件选中查询。其实迅睿cms的很多字段都是支持的，比如：联动菜单（Linkage）、复选框（Checkbox）、单选按钮（Radio）、下拉选择（Select）等。今天为大家分享下常用的一些写法（文末有官方组合搜索DEMO可下载）单选按钮字段搜索写法单条件（单选） 单选字段
迅睿cms首页及各页面实现ajax瀑布流滚动加载
滚动加载原理是当页面向下滚动时自动加载下一页数据并填充到当前页面，实现无刷新加载。注意如果开启了开发者模式，则加载完后无法显示“已经显示完了”，点击加载更多按钮也无效，关闭开发者模式即可。首页瀑布流滚动加载创建index_data.html，示例代码如下{module module=news page=1 pagesize=10 urlrule=index.php}{$t.t
迅睿cms模板如何自定义分页css样式
迅睿cms中列表页面分页标签变量写法是分页标签变量是{$pages}系统会自动生成分页html代码，针对这种系统生成出来的分页样式，如果没写css的话，访问页面就会错乱效果。针对这种情况，今天提供两个解决方案。懒人方案直接把下面的css复制到你的css文件中，再访问页面，就可以解决分页错乱的问题.pagination { display: inline-block; padd
pbootcms、dedecms等模板标签正则替换为迅睿cms标签
近期有些站长朋友咨询，有些站点之前用的是pbootcms、dedecms等其他程序，现在想转为xunruicms程序，一个一个去替换模板标签有些麻烦，有没有可以批量替换模板标签的办法，今天为大家分享下模板标签正则替换方法，以下仅为示例，按照此方法举一反三即可。dedecms模板标签正则替换为xunruicms标签文章列表{dede:list(.*)}替换为{module cat
