[js/jq] 网页内容“换一换”功能代码-Discuz教程下载

[js/jq] 网页内容“换一换”功能代码

来自版块: Discuz教程发表于: 2020-1-19 11:59:15

29028

这个换一换子很多网站都在用，不同于滚动展示，它有“换一换”/“换一批”按钮。
下面的代码可以随机展示内容列表。

游客，如果您要查看本帖隐藏内容请回复

因为考虑到页面可能有多处应用，id却又有唯一性，所以上面写了两个列表，可以应用两处，再想增加也可以。
其中var itemMax=4;更换的内容要有tabxxx……4块，否则不显示。
<a href="javascript:;">换一批</a>中的taba和tabb分别控制js中第一个for部分和第二个for部分，多处使用时，按钮、内容列表和js里for部分同时增加即可。

网页，内容，功能，代码

全部评论 0

期待你的评论哦~

[js/jq] 网页内容“换一换”功能代码-Discuz教程下载

[js/jq] 网页内容“换一换”功能代码

相关帖子

全部评论 0

最佳新人

管理/版主

土豪装逼

教程 / CSS+DIV素材

【原创】将文章访问量转换为K的的显示样式，如将21302转换为21.346人阅读

【原创】discuz论坛分类信息中，帖子发布页有多个图片上传功能，365人阅读

【原创】修改discuz门户文章发布时间，将默认时间yyyy-mm-dd修改367人阅读

【实测】Discuz修改论坛列表页排序，实现主题帖子按最新发表时间449人阅读

Discuz! X3.2 - X3.4 升级至 Discuz! X3.5 详细教程452人阅读

Discuz浮窗多图的DIY单页素材358人阅读

html5+css3的浮窗单图DIY模块394人阅读

html5+css3的横排导航列表DIY模块527人阅读

html5+css3的四排图文资讯列表DIY模块592人阅读

垂直时光轴HTML单页+CSS+js模块1249人阅读

所属版块