使用jQuery控制2个按钮来回切换可点击效果
0 93 2023-06-24 21:49:26
收藏
<div class="pages">
<a href="javascript:;">上一页</a>
<a href="javascript:;" class="current">下一页</a>
</div>
.pages a{
width:120px;
background:#fff;
border-radius:5px;
display: block;
line-height:50px;
margin:0 0 10px 0;
text-align: center;
color:#B8B8B8;
}
.pages a.disable{
color:#B8B8B8;
cursor: default;
}
.pages a.current{
color:#035D91;
}
$(".pages a").click(function(){
if($(this).hasClass("disable")){
return false;
}else{
$(".pages a").addClass("current").removeClass("disable");
$(this).removeClass("current").addClass("disable");
$(".choose li").toggleClass("on");//因为只有2个分页，内部直接来回切换即可
}
})
需要提前引入jQuery库本文地址：https://xzo.com.cn/develop/js/1161.html
如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。
标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。
JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。
在各种盛大的节日、活动前，网站制作倒计时特效可有效给活动页引流。那么，怎样...
什么是XSS？XSS（Cross Site Scripting），跨站脚本攻击，是一种允许攻击者在另外一个...
知乎鼠标向下滚动显示文章标题，向上滚动显示栏目；又或者向下滚动到底部时异步...
jQuery是一个相当好用的js插件，通过jquery我们可以实现很多功能，例如今天要介...
如果是响应式网站，那么用superslide做轮播图需要做两个，这无疑是非常不方便的...
分享一段js原生点击复制data-*属性的源码，根据onclick事件触发，复制当前元素...
我们在文章输入框中经常有用到字数控制，但字数控制有两种方案，一种是字母/空...
dplayer和ckplayer都是非常流行的web视频播放器，二者都占有相当大的用户市场...
input默认的placeholder颜色是黑色，这个颜色是可以调整的。...
我们可以给网站开发百度地图，也可以通过点击直接跳转百度地图。从功能难易程...
弹性盒子是css3里面的新布局，其效果与float类似，但应用范围、视觉效果、对齐...
CSS3 弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时，确保元素...
弹性盒子，通常被称为 flexbox，是一种一维的布局模型。它给弹性元素提供了强大...
响应式页面的情况下，pc和手机端加载图片不同时，比较常规的做法是加载2张，同时...
vue中要如何规范的引入css文件呢？在项目的src文件下，新建一个style文件夹，存放...
sublime的vue高亮插件可直接在程序里安装，如果安装不上反复报错，也可以使用手...