当前位置:首页>开发>正文

怎么用jquery的方法点击4个按钮更换不同图片 jquery代码 点击按钮更换图片

2023-07-03 11:10:21 互联网 未知 开发

 怎么用jquery的方法点击4个按钮更换不同图片 jquery代码 点击按钮更换图片

怎么用jquery的方法点击4个按钮更换不同图片

$("input[type=button][name=按钮name]").bind("click",function(){
    switch(this.id)
    {
         case "按钮1":  
         //图片
         break
         case "按钮2":   
         //图片
         break         
         case "按钮3":   
         //图片
         break
         case "按钮4":   
         //图片
         break
    }
 })

jquery代码 点击按钮更换图片

举个例子:假设你已经引入了jquery,而html结构如下:

    
    

那么你的js可以这么写:
$("#swphoto").click(function(){
    $("#swphoto>img").toggle()
})

三张图片,jquery怎么点击切换图片,并且切换后图片停留


首先你这个最简单的做法需要的不是3张图而是6张!然后原理:点击一张图片更换3张图的src属性的图片路径就行了!
$("#" id).attr("src","123.jpg")

如何基于jquery实现最简单的选项卡切换效果




    tab




$(document).ready(function(){
    $(.tab-title span).click(function(){
$(this).addClass("selected").siblings().removeClass()//removeClass就是删除当前其他类;只有当前对象有addClass("selected");siblings()意思就是当前对象的同级元素,removeClass就是删除;
    var n=$(this).index()
    $(".tab-content > ul").hide()
    $(".tab-content > ul").eq(n).show()
//$(".tab-content > ul").hide().eq($(.tab-title span).index(this)).show()
})
})
 






最新评论近期热评随机文章新闻资讯




  • 最新评论

  • 近期热评

  • 随机文章

  • 新闻资讯




  • 最新文章